Html Tables Help Please!

admin · Jan 9, 2008

Hello guys! 
 
I have some problems with tables... 
I cannot get the Menu and Menu2 tables to start from the top of the main table. 
They do not align there, they stay in the middle of the big table. Is there a way I can fix this? so they start from the top and spawn as much as they need down? 
 
Here is the code for my tables: 
=============================== 
 
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH=100%> 
<TD><CENTER> 
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH=120> 
<TR><TD ALIGN="center" COLSPAN="2"><center>Menu</TD></TR> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TABLE> 
 
 
 
<TD WIDTH=100%> <center>CENTER AREA<TABLE BORDER="1" 
 
CELLPADDING="0" CELLSPACING="0" WIDTH=100%> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
 
 
 
 
 
CENTER AREA<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" 
 
WIDTH=100%> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
 
 
 
 
 
 
<TD> <center>MENU 2<TABLE BORDER="1" CELLPADDING="0" 
 
CELLSPACING="0" WIDTH=240> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
</TABLE> 
 
=============================== 
 
Thank You Very Much!!for on eyou have missing tags. you forgot the <tr> at the begining of the tables. then do not add <center> there does no good sitting there. 
 
so in the <td> you have the menu in put this in the tag. 
 
<td valign="top">ok solved it. the "<TD valgin="top"><CENTER> that are before each menu, that arre spaced out from everything else is what i changed. 
 
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH=100%> 
 
 
 
<TD valign="top"><CENTER> 
 
 
 
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH=120> 
<TR><TD ALIGN="center" COLSPAN="2"><center>Menu</TD></TR> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TABLE> 
 
 
 
<TD WIDTH=100%> <center>CENTER AREA<TABLE BORDER="1" 
 
CELLPADDING="0" CELLSPACING="0" WIDTH=100%> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
 
 
 
 
 
CENTER AREA<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" 
 
WIDTH=100%> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
 
 
 
<TD valign="top"> 
 
 
<center>MENU 2<TABLE BORDER="1" CELLPADDING="0" 
 
CELLSPACING="0" WIDTH=240> 
 
<TD><center> 
1st Table 
Here 
There 
</TD> 
<TR> 
<TD><center>2nd Table</TD> 
</TR> 
<TR> 
<TD><center>3rd Table</TD> 
</TR> 
</TD> 
</TABLE> 
</TABLE>Thank You guys!!! 
 
I just got that with TD VALIGN="top" as well. THANK YOU ANYWAY!!! it took me some time to get that. 
 
However I didn't realize that I have missing tags... I'll look into that. 
 
AGAIN GUYS THANK YOU A BUNCH!!Guys! one more question please... 
 
How do I make the border of the tables thinner that the default (the default is 1)? I tried to put 0.1, 0.7 etc, but that didn't work. 
I know that there is a way because I've seen that in some website before, but I dunnot remember what website is that. 
 
Thank You!style="border: collapse" 
 
I believe that will work.Thank You Very Much Scoutt!! 
 
You're right that worked! and you were also very prompt... 
 
THANX A LOT AGAIN!!!The usual well worn advice from me is, as always, to run the code through <a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a> as a very quick and easy sanity check against typos, nesting errors, missing tags, missing or incorrect attributes, wrong or unquoted attribute values, and so on. 
 
For example: 
</table> 
</table> is not valid code.Mucho Gracias! 
I'll remember that Giz!To gte the table borders thinner than the deafult, there is another way (harder, though) that scoutt said: <body bgcolor="#ffffff"> 
<table border="0" bgcolor="#000000"><tr bcolor="#ffffff"><td> 
Text 
</td></tr></table></body> 
That is a hard way to do it if you shall repeat it several times, but I solve that by using a CSS with this as some of the content: 
 
BODY { 
FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana,; BACKGROUND-COLOR: #dddddd 
} 
.table { 
FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdena; background: #000000 
} 
.tr { 
FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdena; background: #dddddd 
} 
And then the code will be easier, like this: 
<head> 
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"stylesheetfilename.css"> 
</head> 
<body> 
<table border="0" class="table"><tr class="tr"><td> 
Text. Will appear as 8pt size Trebuchet, so then you have that too. 
</td></tr></table> 
</body> 
So then you won't need a inside the <td>, unless the font shall be another size than what is the deafult in the CSS. Hope this helped a bit.Hello Jhs!! 
 
Yes, that's more complicated, but who knows it might come in handy at some point. It's good know anyway! 
 
Thank You!

Html Tables Help Please!

admin

Administrator