Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : HTML Table challenge...

[nocturnix123]

Okay, heres the deal...

I'm working on a pretty little Table to put content into...its actually 3 tables with different cell padding for borders...it should be simple but for some reason its not working out how I want it to.

Heres the code:

<table width="100%" height="100%" border="0" cellpadding="1" cellspacing="0" bgcolor="#000000">
<tr>
<td><table width="100%" height="100%" border="0" cellpadding="2" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td>Content here.</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>

Okay, so if you paste this into an html document and view it, you'll see that the bottom of the table is cut off, I'm unable to figure out how to alleviate this problem. Probly need to mess with cellpadding/spacing or maybe the size of one of the inner tables...not sure though...let me know if you come up with a solution!

Thanks in advance,

-nocturnix

[Rich2k]

Why not do this with CSS? Would make life so much easier.

[nocturnix123]

because I'm not sure how heheh...uhh...do you have a link to a CSS tutorial page, or something that would explain how to do this?

[Mekhu]

nocturnix,

I'm not exactly sure what you're trying to do here. Even with 3 tables, all you've done is created an table layout that could be done only using one set of table commands.

Also, when I place that code within notepad, it runs fine for me. Maybe explain your situation a little more!?

[jjmac78]

I used to do that ALL the time because thats the way Yahoo does it and the only way I figured out how to create a single border in a table... But then came CSS... Here we go, the simple down and dirty in-line style :

<table border="0" align="center" style="border-width: 1; border-color: #990000; border-style: solid">
<tr><td>
Stuff
</td></tr>
</table>

You can replace the style with : dotted, dashed, ridged, inset, outset, double - and a few more i cant remember off the top of my head... makes for some really cool table borders

And as far as I know its compatible all the way back to IE4, but i still use the table inside a table to create my 1 pixel borders - dont ask me why - for some reason i just feel its more compatible.

Also there are GREAT tutorials at webmonkey.com