HTML and Tables

by Geezer November 26th 2012, 5:03 pm

I 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

by Sir Chivas™ November 26th 2012, 5:05 pm

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.

by Geezer November 26th 2012, 5:13 pm

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>

by **SLGray** November 26th 2012, 6:28 pm

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".

by Geezer November 26th 2012, 6:41 pm

Change the cellpadding and cellspacing.

Change these to what ?

by **SLGray** November 26th 2012, 7:04 pm

by Geezer November 26th 2012, 7:14 pm

Thanks for your help , its closer but not close enough

by **SLGray** November 26th 2012, 7:18 pm

Try zero.

by Geezer November 26th 2012, 7:24 pm

Nope

by Geezer November 27th 2012, 5:45 pm

by Geezer November 28th 2012, 5:30 pm

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 Smile

by kirk November 29th 2012, 12:55 am

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?

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>

by Geezer November 29th 2012, 7:30 pm

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

by iyaaz November 29th 2012, 7:37 pm

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>

by Geezer November 29th 2012, 8:13 pm

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 Smile

by kirk November 30th 2012, 6:20 am

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 Smile

by Geezer November 30th 2012, 2:19 pm

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>v
</td>

<td>

Chelsea

</td>

<td>

</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>

by kirk November 30th 2012, 7:02 pm

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.

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.. Razz

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 Smile

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 thumright

by nextlevelgaming November 30th 2012, 10:25 pm

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

by Geezer December 1st 2012, 11:16 am

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 .

by Geezer December 4th 2012, 11:29 am

by kirk December 4th 2012, 11:37 pm

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.

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>

You can always take out the background or add your own image link in place of it as well.

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 Razz

and dunno?? probably just missing something silly, but could not get it to work right.

by Geezer December 5th 2012, 6:51 pm

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

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.

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 people :wouhou:

by kirk December 6th 2012, 9:55 pm

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 part
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.
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 people

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.. Razz

, The code you did is fine and looks great on your page thumleft

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 your

Admin 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 Razz

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.. Smile

Anyway? i guess all is good now and we can send this to archives as solved?

by Geezer December 7th 2012, 4:16 pm

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

by Sanket December 7th 2012, 6:12 pm

Topic Solved & Locked

HTML and Tables

HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables

Re: HTML and Tables