Home
by Geezer November 26th 2012, 5:03 pmI have put some tables in a post on my Forum but there is a large white space between some img,s and text and the start of the table , is there a way to make this space smaller . Here is a link to the page , Thanks
Tables
Tables
+3
SLGray
Sir Chivasâ„¢
Geezer
7 posters
HTML and Tables
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Sir Chivasâ„¢- Helper
Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Hi,
Can you please provide the code that you're using? Also, I think you have <br> that's why it's separated, unless the images have a white background that or which servimg gave.
Can you please provide the code that you're using? Also, I think you have <br> that's why it's separated, unless the images have a white background that or which servimg gave.
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Here is the code for the whole page , cant see no <br>
<table border="1" bordercolor="#990000" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<caption>Last Six Games</caption>
<tr>
<th>Tottenham</th>
<th>West Ham</th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<img src="http://e0.365dm.com/football/badges/48/411.png"> QPR 1
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e1.365dm.com/football/badges/48/870.png"> Galatasaray 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 0
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1 Â Â Â <a href="http://www.whufc.com/articles/20121119/west-ham-1-stoke-1_2234233_65128/"></a>
<img src="http://e2.365dm.com/football/badges/48/384.png"> Stoke City 1
</tr>
<tr>
<td><img src="http://e1.365dm.com/football/badges/48/290.png"> Norwich 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 0
<td><img src="http://e2.365dm.com/football/badges/48/409.png"> Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e0.365dm.com/football/badges/48/238.png"> A Villa 2
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/466.png"> Braga 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<td><img src="http://e2.365dm.com/football/badges/48/457.png"> Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 2
<img src="http://e1.365dm.com/football/badges/48/413.png"> Arsenal 1
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 4
<img src="http://e2.365dm.com/football/badges/48/392.png"> Southampton 1
</tr>
</table>
<table border="1" bordercolor="#990000" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<caption>Last Six Games</caption>
<tr>
<th>Tottenham</th>
<th>West Ham</th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<img src="http://e0.365dm.com/football/badges/48/411.png"> QPR 1
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e1.365dm.com/football/badges/48/870.png"> Galatasaray 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 0
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1 Â Â Â <a href="http://www.whufc.com/articles/20121119/west-ham-1-stoke-1_2234233_65128/"></a>
<img src="http://e2.365dm.com/football/badges/48/384.png"> Stoke City 1
</tr>
<tr>
<td><img src="http://e1.365dm.com/football/badges/48/290.png"> Norwich 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 0
<td><img src="http://e2.365dm.com/football/badges/48/409.png"> Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e0.365dm.com/football/badges/48/238.png"> A Villa 2
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/466.png"> Braga 1
<img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 3
<td><img src="http://e2.365dm.com/football/badges/48/457.png"> Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/210.png"> Man Utd 2
<img src="http://e1.365dm.com/football/badges/48/413.png"> Arsenal 1
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 4
<img src="http://e2.365dm.com/football/badges/48/392.png"> Southampton 1
</tr>
</table>
SLGray- Administrator
- Posts : 51498
Reputation : 3523
Language : English
Location : United States
- Code:
<table border="1" bordercolor="#990000" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
Change the cellpadding and cellspacing. If you want to remove the lines change this border="1" to border="0".
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Change the cellpadding and cellspacing.
Change these to what ?
SLGray- Administrator
- Posts : 51498
Reputation : 3523
Language : English
Location : United States
One
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Thanks for your help , its closer but not close enough
SLGray- Administrator
- Posts : 51498
Reputation : 3523
Language : English
Location : United States
Try zero.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Nope 
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Bump
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Someone must know . Now I have two separate tables , and it looks silly , too far apart . Is it a case of just making one big table and and join all the small tables , if so does anyone want to help me with the codes 
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
i am not even sure what you mean?
can you give a screen shot and point out what your trying to fix.
may be you want to try to center the text and image.
start your table with center tags in it <center> </center>
place text over image and use a line break to have the image under the text <br>
so it would be like this in your tables.
this is one image and text
<center>
Man Utd 3 <br>
<img src="http://e2.365dm.com/football/badges/48/210.png">
</center>
I am not even sure if this what you mean. so if not like i said above add a screen shot and point out what you mean.
or may be something like this?
can you give a screen shot and point out what your trying to fix.
may be you want to try to center the text and image.
start your table with center tags in it <center> </center>
place text over image and use a line break to have the image under the text <br>
so it would be like this in your tables.
this is one image and text
<center>
Man Utd 3 <br>
<img src="http://e2.365dm.com/football/badges/48/210.png">
</center>
I am not even sure if this what you mean. so if not like i said above add a screen shot and point out what you mean.
or may be something like this?
- Code:
<html>
<head>
</head>
<body>
<table
style="background-color: rgb(189, 185, 185); width: 602px; height: 1236px;"
border="1" bordercolor="#990000" cellpadding="2" cellspacing="2">
<caption>Last Six Games</caption>
<tbody>
<tr>
<th>Tottenham</th>
<th>West Ham</th>
</tr>
<tr>
<td style="text-align: center;">Man Utd 3<br>
<img src="http://e2.365dm.com/football/badges/48/210.png"> <br>
<br>
QPR 1<br>
<img src="http://e0.365dm.com/football/badges/48/411.png"></td>
<td style="text-align: center; vertical-align: middle;"> Squirts 3<br>
<img src="http://e2.365dm.com/football/badges/48/608.png"><br>
<br>
West Ham 1<br>
<img src="http://e2.365dm.com/football/badges/48/367.png"> <br>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Galatasaray
1<br>
<img src="http://e1.365dm.com/football/badges/48/870.png"><br>
<br>
Man Utd 0<br>
<img src="http://e2.365dm.com/football/badges/48/210.png"> <br>
</td>
<td style="text-align: center; vertical-align: middle;"> West Ham
1<br>
<img src="http://e2.365dm.com/football/badges/48/367.png"><br>
<br>
Stoke City 1<br>
<img src="http://e2.365dm.com/football/badges/48/384.png"> <br>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Norwich 1<br>
<img src="http://e1.365dm.com/football/badges/48/290.png"> <br>
<br>
Man Utd 0<br>
 <img src="http://e2.365dm.com/football/badges/48/210.png"> <br>
</td>
<td style="text-align: center; vertical-align: middle;">Newcastle
0<br>
<img src="http://e2.365dm.com/football/badges/48/409.png"> <br>
<br>
West Ham 1<br>
 <img src="http://e2.365dm.com/football/badges/48/367.png"> <br>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">A Villa 2<br>
<img src="http://e0.365dm.com/football/badges/48/238.png"><br>
<br>
Man Utd 3<br>
 <img src="http://e2.365dm.com/football/badges/48/210.png"> <br>
</td>
<td style="text-align: center;">West Ham 0
<br>
<img src="http://e2.365dm.com/football/badges/48/367.png"> <br>
<br>
Man City 0<br>
<img src="http://e2.365dm.com/football/badges/48/345.png"></td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">Braga 1<br>
<img src="http://e2.365dm.com/football/badges/48/466.png"> <br>
<br>
Man Utd 3<br>
 <img src="http://e2.365dm.com/football/badges/48/210.png">
</td>
<td style="text-align: center; vertical-align: middle;">Wigan 2<br>
<img src="http://e2.365dm.com/football/badges/48/457.png"> <br>
<br>
West Ham 1<br>
 <img src="http://e2.365dm.com/football/badges/48/367.png"> <br>
</td>
</tr>
<tr>
<td style="text-align: center;">Man Utd 2
<br>
<img src="http://e2.365dm.com/football/badges/48/210.png"> <br>
<br>
Arsenal 1<br>
<img src="http://e1.365dm.com/football/badges/48/413.png"> <br>
</td>
<td style="text-align: center;">West Ham 4
<br>
<img src="http://e2.365dm.com/football/badges/48/367.png"> <br>
<br>
Southampton 1<br>
<img src="http://e2.365dm.com/football/badges/48/392.png"></td>
</tr>
</tbody>
</table>
</body>
</html>
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
here is a screen shot and as you can see there is a huge gap between the two tables , how can I reduce the gap ? O do I make i table from the two , if so can you help me with the code . Thanks
click click
click click
iyaaz- Forumember
- Posts : 350
Reputation : 8
Language : English
Location : London
anygood
- Code:
<table style="position:absolute;width:629px;height:305px;border:1px #C0C0C0 solid;" cellpadding="0" cellspacing="1" id="Table1">
<tr>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;width:309px;height:72px;">
 </td>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;height:72px;">
 </td>
</tr>
<tr>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;width:309px;height:72px;">
 </td>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;height:72px;">
 </td>
</tr>
<tr>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;width:309px;height:72px;">
 </td>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;height:72px;">
 </td>
</tr>
<tr>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;width:309px;height:74px;">
 </td>
<td align="left" valign="top" style="border:1px #C0C0C0 solid;height:74px;">
 </td>
</tr>
</table>
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
maybe I am not explaining too good . The top table of my screen shot is the one with two badges and "West Ham v Chelsea " The next table has a header " Last six games . How do I join these two tables together OR how do I make the space between them to zero . Thank you all for your help and patience
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Geezer wrote:here is a screen shot and as you can see there is a huge gap between the two tables , how can I reduce the gap ? O do I make i table from the two , if so can you help me with the code . Thanks
click click
LOL i dint even know that whole other table thing at the top was included.
If that's all in one code then you have to take the spacing out. there are only like three different ways it can be like that.
Post the whole code you have and i will adjust it for you.
I need to see how it is.. if it is two codes then post both, but i need both top and bottoms parts.
Unless it is all one code then that's even better
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Top Table
<table border="0" bordercolor="#990000" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<tr>
<td><img src="http://img.skysports.com/football/badges/128/left/367.png">
<td>West Ham</td>
<td>
<td>
<td>
</table>
Bottom Table
<table border="1" bordercolor="#940303" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<caption>Last Six Games</caption>
<tr>
<th>West Ham</th>
<th>Chelsea</th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Man Utd 1
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e0.365dm.com/football/badges/48/407.png"> Fulham 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1 Â Â Â
<img src="http://e2.365dm.com/football/badges/48/384.png"> Stoke City 1
<td><img src="http://e0.365dm.com/football/badges/48/54.png"> Jeventos 3
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/409.png"> Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e2.365dm.com/football/badges/48/275.png"> West Brom 2
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
<img src="http://e0.365dm.com/football/badges/48/155.png"> Liverpool 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/457.png"> Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 3
<img src="http://e2.365dm.com/football/badges/48/860.png"> Shak Donetsk 2
</tr>
</table>
<table border="0" bordercolor="#990000" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<tr>
<td><img src="http://img.skysports.com/football/badges/128/left/367.png">
<td>West Ham</td>
<td>
v
</td><td>
Chelsea
</td><td>
<img src="http://img.skysports.com/football/badges/128/right/524.png">
</tr></table>
Bottom Table
<table border="1" bordercolor="#940303" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<caption>Last Six Games</caption>
<tr>
<th>West Ham</th>
<th>Chelsea</th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Man Utd 1
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e0.365dm.com/football/badges/48/407.png"> Fulham 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1 Â Â Â
<img src="http://e2.365dm.com/football/badges/48/384.png"> Stoke City 1
<td><img src="http://e0.365dm.com/football/badges/48/54.png"> Jeventos 3
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/409.png"> Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e2.365dm.com/football/badges/48/275.png"> West Brom 2
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
<img src="http://e0.365dm.com/football/badges/48/155.png"> Liverpool 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/457.png"> Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 3
<img src="http://e2.365dm.com/football/badges/48/860.png"> Shak Donetsk 2
</tr>
</table>
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
man that's all messed up LOL, you have to many tables for the top one.
then the order you have the bottom once dont seem right either.
you should either have the text above or below the images and have them centered.
the same thing with the top.
you should have three tables West Ham text at the top and the image right under it.
then VS in the second table, and i would do an image in photoshop or other imaging software if you have it. or may be try to make something over here with cool text.
http://cooltext.com/
then Chelsae in the third table with the text above the image and have it centered in all tables.
If you want i can re-do it that way, but i would hate to do it all if that's not want you want or wont like it, but i think it would look much more uniform and in order that way.
But i mean there is a lot of different ways you can do it.
Or i can just set the tables up and you can add adjust it to your liking.
for me to go and fix the code you have, it would be easier just to start a new one. i put it in dreamweaver and the top will have be redone either way.
Like i said if you want me to set it up how i think it would look best i can do that, then if you don't like it you can always adjust it to how you like it.
so let me know and i will take another look at what you have again as well. i might be able to just take them extra tables you dont need out.
but if all you want is the top and bottom closer together then try this.
Yeah see this is what i mean, these are your codes, and i just brought the top down to the bottom closer like you wanted. but look at it, it dont look anything like how it is on your forum, the bottom is a mess and all out of order,and the top dont look very good like this either.
so i am not sure what codes your posting? but it dont look anything like how it is on your forum , that's why i am saying the whole thing needs to be redone the right way?
Take a look sure i got the top and bottom closer together, that was easy, you just put the bottom code right under the top one.. lol but now all the images and text is off set and don't look right.
then looks like you have bbcode mixed in with it too, that's not good..
we'll get it worked out for ya though, i can either create the whole thing, or i will set the tables up correctly how they should be and you can add all the content
info added
Ok now i see why you want the bottom text on the sides of the images.
that's no problem, it can be arranged like that
then the order you have the bottom once dont seem right either.
you should either have the text above or below the images and have them centered.
the same thing with the top.
you should have three tables West Ham text at the top and the image right under it.
then VS in the second table, and i would do an image in photoshop or other imaging software if you have it. or may be try to make something over here with cool text.
http://cooltext.com/
then Chelsae in the third table with the text above the image and have it centered in all tables.
If you want i can re-do it that way, but i would hate to do it all if that's not want you want or wont like it, but i think it would look much more uniform and in order that way.
But i mean there is a lot of different ways you can do it.
Or i can just set the tables up and you can add adjust it to your liking.
for me to go and fix the code you have, it would be easier just to start a new one. i put it in dreamweaver and the top will have be redone either way.
Like i said if you want me to set it up how i think it would look best i can do that, then if you don't like it you can always adjust it to how you like it.
so let me know and i will take another look at what you have again as well. i might be able to just take them extra tables you dont need out.
but if all you want is the top and bottom closer together then try this.
Yeah see this is what i mean, these are your codes, and i just brought the top down to the bottom closer like you wanted. but look at it, it dont look anything like how it is on your forum, the bottom is a mess and all out of order,and the top dont look very good like this either.
so i am not sure what codes your posting? but it dont look anything like how it is on your forum , that's why i am saying the whole thing needs to be redone the right way?
Take a look sure i got the top and bottom closer together, that was easy, you just put the bottom code right under the top one.. lol but now all the images and text is off set and don't look right.
- Code:
<table style="background-color: rgb(189, 185, 185);" border="0"
bordercolor="#990000" cellpadding="2" cellspacing="2" width="70%">
<tbody>
<tr>
<td><img
src="http://img.skysports.com/football/badges/128/left/367.png">
</td>
<td>West Ham</td>
<td>
v
</td>
<td>
Chelsea
</td>
<td>
<img
src="http://img.skysports.com/football/badges/128/right/524.png"></td>
</tr>
</tbody>
</table>
<table style="background-color: rgb(189, 185, 185);" border="1"
bordercolor="#940303" cellpadding="2" cellspacing="2" width="70%">
<caption>Last Six Games</caption>
<tbody>
<tr>
<th>West Ham</th>
<th>Chelsea</th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png">
Man Utd 1
<img src="http://e2.365dm.com/football/badges/48/367.png"> West
Ham 0
</td>
<td><img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 0
<img src="http://e0.365dm.com/football/badges/48/407.png"> Fulham
0
</td>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png">
Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West
Ham 1
</td>
<td><img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man
City 0
</td>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png">
West Ham 1 <img src="http://e2.365dm.com/football/badges/48/384.png">
Stoke City 1
</td>
<td><img src="http://e0.365dm.com/football/badges/48/54.png">
Jeventos 3
<img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 0
</td>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/409.png">
Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West
Ham 1
</td>
<td><img src="http://e2.365dm.com/football/badges/48/275.png">
West Brom 2
<img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 1
</td>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png">
West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man
City 0
</td>
<td><img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 1
<img src="http://e0.365dm.com/football/badges/48/155.png">
Liverpool 1
</td>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/457.png">
Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West
Ham 1
</td>
<td><img src="http://e0.365dm.com/football/badges/48/524.png">
Chelsea 3
<img src="http://e2.365dm.com/football/badges/48/860.png"> Shak
Donetsk 2
</td>
</tr>
</tbody>
</table>
then looks like you have bbcode mixed in with it too, that's not good..
we'll get it worked out for ya though, i can either create the whole thing, or i will set the tables up correctly how they should be and you can add all the content
info added
Ok now i see why you want the bottom text on the sides of the images.
that's no problem, it can be arranged like that
nextlevelgaming- Forumember
- Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York
proper coding is suggested for one. <center> is deprecated. also <br> is not a proper code. <br /> is. Also when trying to make a table with multiple tables slowly create the code one table row at a time. If you are not good with coding. Thats all. also to help people see your code, wrap the code in the bbcode for codes, you see how kirks looks different than what you pasted. Also to learn more about proper coding check out the w3c. Sites like w3schools.com and www.w3.org/ should help you out. Hope you learn from what kirk is making you, rather you should only take lessons and not full codes. 
never learn like that
never learn like that
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
I dont want to sound like I dont appreciate all your help but . The top link is the one I made and the bottom one is coding from Kirk
http://cockneyboys.forumotion.co.uk/t2376-west-ham-united-fc-v-cheatski#25417
Kirk
I am no expert with coding but am willing to learn .Thanks again for your help.
Oops sorry , just read through your post again Kirk and I understand what you meant .
If you could re-do the whole thing again from me I would appreciate it . It is something that will be changed weekly because of the game fixtures and I,m sure once you have sorted the mess out I will be able to make the weekly changes myself . Again Thanks for all the help .
http://cockneyboys.forumotion.co.uk/t2376-west-ham-united-fc-v-cheatski#25417
Kirk
I am no expert with coding but am willing to learn .Thanks again for your help.
Oops sorry , just read through your post again Kirk and I understand what you meant .
If you could re-do the whole thing again from me I would appreciate it . It is something that will be changed weekly because of the game fixtures and I,m sure once you have sorted the mess out I will be able to make the weekly changes myself . Again Thanks for all the help .
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Bump
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
info added
It is the bottom code that's causing it.
see put this in a test post by it self and you will see all the space.
Going to just do a whole new code.
more info
I just went and created it on a html page, you can add the code to one of your html page.
Then take the link of your html page and add to this iframe code and place in your post on the forum.
HTML Page Code,
Preview
code
Here is a post preview
Other then you can always just do it all bbcode with your table options above when creating a post.
I tired so many things to try to get your code working,then got aggravated and said i will just go the html page and iframe way.. lol and dunno?? probably just missing something silly, but could not get it to work right.
It is the bottom code that's causing it.
see put this in a test post by it self and you will see all the space.
- Code:
<div style="margin:auto;text-align:center;width:100%"><table border="1" bordercolor="#940303" style="background-color:#bdb9b9" width="70%" cellpadding="2" cellspacing="2">
<caption><span style="font-size: 20px; line-height: normal"><strong>Last Six Games</strong></span></caption>
<tr>
<th><strong><span style="font-size: 18px; line-height: normal">West Ham</span></strong></th>
<th><strong><span style="font-size: 18px; line-height: normal">Chelsea</span></strong></th>
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Man Utd 1
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e0.365dm.com/football/badges/48/407.png"> Fulham 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/608.png"> Squirts 3
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<img src="http://e2.365dm.com/football/badges/48/384.png"> Stoke City 1
<td><img src="http://e0.365dm.com/football/badges/48/54.png"> Jeventos 3
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 0
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/409.png"> Newcastle 0
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e2.365dm.com/football/badges/48/275.png"> West Brom 2
<img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 0
<img src="http://e2.365dm.com/football/badges/48/345.png"> Man City 0
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 1
<img src="http://e0.365dm.com/football/badges/48/155.png"> Liverpool 1
</tr>
<tr>
<td><img src="http://e2.365dm.com/football/badges/48/457.png"> Wigan 2
<img src="http://e2.365dm.com/football/badges/48/367.png"> West Ham 1
<td><img src="http://e0.365dm.com/football/badges/48/524.png"> Chelsea 3
<img src="http://e2.365dm.com/football/badges/48/860.png"> Shak Donetsk 2
</tr>
</table></div>
Going to just do a whole new code.
more info
I just went and created it on a html page, you can add the code to one of your html page.
Then take the link of your html page and add to this iframe code and place in your post on the forum.
- Code:
<iframe src="YOUR HTML PAGE LINK HERE" width="900" height="950" scrolling="no" frameborder="0"></iframe>
HTML Page Code,
Preview
code
- Code:
<html>
<head>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(http://i66.servimg.com/u/f66/12/46/98/39/4lpzqa10.gif);"
alink="#000099" link="#000099" vlink="#990099">
<table
style="margin-left: auto; margin-right: auto; text-align: left; width: 762px; height: 170px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: middle; text-align: center;"><img
style="width: 128px; height: 128px;" alt="West Ham" title="West Ham"
src="http://img.skysports.com/football/badges/128/left/367.png"><br>
<strong style="color: white;"><span
style="font-size: 20px; line-height: normal;">West
Ham</span></strong><br>
</td>
<td style="vertical-align: middle; text-align: center;"><big
style="color: white;"><big><big><big>VS</big></big></big></big><br>
</td>
<td style="vertical-align: middle; text-align: center;"><img
style="width: 128px; height: 128px;" alt="Chelsea" title="Chelsea"
src="http://img.skysports.com/football/badges/128/right/524.png"><br>
<strong style="color: white;"><span
style="font-size: 20px; line-height: normal;">Chelsea</span></strong><br>
</td>
</tr>
</tbody>
</table>
<table
style="margin-left: auto; margin-right: auto; text-align: left; width: 610px; height: 32px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: middle; text-align: center;"><big
style="font-weight: bold; color: white;"><big>Last
Six Games</big></big><br>
</td>
</tr>
</tbody>
</table>
<table
style="margin-left: auto; margin-right: auto; text-align: left; width: 757px; height: 200px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: center; background-color: rgb(204, 204, 204);"><strong><span
style="font-size: 20px; line-height: normal;">West Ham</span></strong></td>
<td
style="vertical-align: top; text-align: center; background-color: rgb(204, 204, 204);"><strong><span
style="font-size: 20px; line-height: normal;">Chelsea</span></strong></td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Man Utd 1" title="Man Utd 1"
src="http://e2.365dm.com/football/badges/48/608.png">Man Utd 1<br>
<img style="width: 48px; height: 48px;" alt="West Ham 0"
title="West Ham 0" src="http://e2.365dm.com/football/badges/48/367.png">West
Ham 0</td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Chelsea 0" title="Chelsea 0"
src="http://e0.365dm.com/football/badges/48/524.png">Chelsea 0<br>
<img style="width: 48px; height: 48px;" alt="Fulham 0"
title="Fulham 0" src="http://e0.365dm.com/football/badges/48/407.png">Fulham
0 </td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Squirts 3" title="Squirts 3"
src="http://e2.365dm.com/football/badges/48/608.png">Squirts 3<br>
<img style="width: 48px; height: 48px;" alt="West Ham 1"
title="West Ham 1" src="http://e2.365dm.com/football/badges/48/367.png">West
Ham 1 </td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Chelsea 0" title="Chelsea 0"
src="http://e0.365dm.com/football/badges/48/524.png">Chelsea 0<br>
<img style="width: 48px; height: 48px;" alt="Man City 0"
title="Man City 0" src="http://e2.365dm.com/football/badges/48/345.png">Man
City 0</td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="West Ham 1" title="West Ham 1"
src="http://e2.365dm.com/football/badges/48/367.png">West Ham 1 Â
<br>
<img style="width: 48px; height: 48px;" alt="Stoke City 1"
title="Stoke City 1"
src="http://e2.365dm.com/football/badges/48/384.png">Stoke City 1 </td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Jeventos 3" title="Jeventos 3"
src="http://e0.365dm.com/football/badges/48/54.png">Jeventos 3<br>
<img style="width: 48px; height: 48px;" alt="Chelsea 0"
title="Chelsea 0" src="http://e0.365dm.com/football/badges/48/524.png">Chelsea
0</td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Newcastle 0"
title="Newcastle 0"
src="http://e2.365dm.com/football/badges/48/409.png">Newcastle 0<br>
<img style="width: 48px; height: 48px;" alt="West Ham 1"
title="West Ham 1" src="http://e2.365dm.com/football/badges/48/367.png">West
Ham 1 </td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="West Brom 2"
title="West Brom 2"
src="http://e2.365dm.com/football/badges/48/275.png">West Brom 2<br>
<img style="width: 48px; height: 48px;" alt="Chelsea 1"
title="Chelsea 1" src="http://e0.365dm.com/football/badges/48/524.png">Chelsea
1</td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="West Ham 0" title="West Ham 0"
src="http://e2.365dm.com/football/badges/48/367.png">West Ham 0<br>
<img style="width: 48px; height: 48px;" alt="Man City 0"
title="Man City 0" src="http://e2.365dm.com/football/badges/48/345.png">Man
City 0 </td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Chelsea 1" title="Chelsea 1"
src="http://e0.365dm.com/football/badges/48/524.png">Chelsea 1<br>
<img style="width: 48px; height: 48px;" alt="Liverpool 1"
title="Liverpool 1"
src="http://e0.365dm.com/football/badges/48/155.png">Liverpool 1</td>
</tr>
<tr>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Wigan 2" title="Wigan 2"
src="http://e2.365dm.com/football/badges/48/457.png">Wigan 2<br>
<img style="width: 48px; height: 48px;" alt="West Ham 1"
title="West Ham 1" src="http://e2.365dm.com/football/badges/48/367.png">West
Ham 1</td>
<td
style="vertical-align: top; background-color: rgb(204, 204, 204);"><img
style="width: 48px; height: 48px;" alt="Chelsea 3" title="Chelsea 3"
src="http://e0.365dm.com/football/badges/48/524.png">Chelsea 3<br>
<img style="width: 48px; height: 48px;" alt="Shak Donetsk 2"
title="Shak Donetsk 2"
src="http://e2.365dm.com/football/badges/48/860.png">Shak Donetsk 2</td>
</tr>
</tbody>
</table>
</body>
</html>
Here is a post preview
Other then you can always just do it all bbcode with your table options above when creating a post.
I tired so many things to try to get your code working,then got aggravated and said i will just go the html page and iframe way.. lol
and dunno?? probably just missing something silly, but could not get it to work right.
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
I really appreciate your help Kirk the page you made looks really good , I have played around a bit myself but I just add codes until I get something I like . As I said before I am new to all this and getting on a bit the brain aint like it was when I was 18 , anyway here is the link to what I put together but you really dont want to see the code
My Coding .
I am not too sure I understand this part
My Coding .
I am not too sure I understand this part
do I need to go into the Admin panel for this ? if so can you guide me thou reallygh it . Thanks once again for your help Kirk , you guys on this forum do a good job helping peopleI just went and created it on a html page, you can add the code to one of your html page.
Then take the link of your html page and add to this iframe code and place in your post on the forum.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Geezer wrote:I really appreciate your help Kirk the page you made looks really good , I have played around a bit myself but I just add codes until I get something I like . As I said before I am new to all this and getting on a bit the brain aint like it was when I was 18 , anyway here is the link to what I put together but you really dont want to see the code
My Coding .
I am not too sure I understand this partdo I need to go into the Admin panel for this ? if so can you guide me thou reallygh it . Thanks once again for your help Kirk , you guys on this forum do a good job helping peopleI just went and created it on a html page, you can add the code to one of your html page.
Then take the link of your html page and add to this iframe code and place in your post on the forum.
Don't worry, like a few of my collage professors say, even the experts are not experts.. I am sure as heck not one my self either..
, The code you did is fine and looks great on your page 
I would just keep that. As far as the html page thing, what i meant was you put the code on a html page located in yourAdmin panel>modules>html pages.
then create a page place the code and hit save. then all you would do is take that html page url/link and add to the iframe code, and that is what would be posted in your post on the forum.
Once again your new set up/code looks fine and is working so no need to do that.But in the future if there is ever anything you want to add to a post that may to complexd or not compatible for a regular post that's a fast and easy way to do it.. iframe and html.. Simple,practical,easy and works
Like the code i made for the html page, would never work on a regular forum post, so that's why i did it that way..
Anyway? i guess all is good now and we can send this to archives as solved?
Geezer- Forumember
- Posts : 191
Reputation : 0
Language : English
Yep and once again thank you for all your help and patience , I do enjoy playing around with codes and will continue doing so .
Cheers
Cheers
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
| Topic Solved & Locked |