The Horrible Tables

admin

Administrator
Staff member
Ok Well... My question is:<br />
<br />
I have put a tr valign="top" command in a table.<br />
<br />
Now I have 2 other tables inside the td commands.<br />
<br />
Now the first column(left one) obeys the tr valign="top" command and the 2nd column (middle/right) will stay in the middle. Why?<br />
<br />
(I'll post the link to the page and the stylesheet here:<br />
The Site (<!-- m --><a class="postlink" href="http://www.angelfire.com/anime5/kyuushiga">http://www.angelfire.com/anime5/kyuushiga</a><!-- m -->)<br />
The Style Sheet (<!-- m --><a class="postlink" href="http://www.angelfire.com/anime5/kyuushiga/scripts/css/style.css">http://www.angelfire.com/anime5/kyuushi ... /style.css</a><!-- m -->)<br />
<br />
Heres the code incase you dont want to go to the page.<br />
<br />
<html><br />
<head><br />
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"scripts/css/style.css" /><br />
</head><br />
<body><br />
<table width="500" height="100%" align="center" bgcolor="white" class="groove"><br />
<tr valign="top"><br />
<td align="left" width="70" height="100%"><br />
<!--- Left Column ---!><br />
<table align="left" width="100%" class="groove"><br />
<td class="cell"><b>Site</b><br />
<li>News</li><br />
<li>Reviews</li><br />
<li>Forums</li><br />
<li>Meh</li><br />
</td><br />
</table> <br />
</td><br />
<br />
<td align="center" width="500" height="100%"><br />
<!--- Middle Column ---!><br />
<table width="100%" height="100%" class="groove"><br />
<td><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://cowkitty.net" target="_new"><img src="images/portraits/auron2.gif" border="0" alt="Click me to go to my makers web page!" align="left"></a> Jan 27, 2002. Well It looks like I got my design error fixed. Should be done with the site sometime soon. Well not the whole design... This Middle Cloumn here dosn't seem to want to heed to the Top area like it's supposed to with the command I gave it...<br />
</td><br />
</table><br />
</td><br />
</table><br />
</body><br />
</html><!--content-->valign should be part of the TD tag.<br />
You are missing some TR tags and endings.<br />
<br />
Try this...<br />
<br />
<html><br />
<head><br />
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"scripts/css/style.css" /><br />
</head><br />
<body><br />
<table width="500" height="100%" align="center" bgcolor="white" class="groove"><br />
<tr><br />
<td align="left" width="70" height="100%" valign="top"><br />
<br />
<table align="left" width="100%" class="groove"><tr><td class="cell"><br />
<b>Site</b><br />
<li>News</li><br />
<li>Reviews</li><br />
<li>Forums</li><br />
<li>Meh</li><br />
</td></tr></table> <br />
<br />
</td><td align="center" width="500" height="100%" valign="top"><br />
<br />
<table width="100%" height="100%" class="groove"><tr><td><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://cowkitty.net" target="_new"><img src="images/portraits/auron2.gif" border="0" alt="Click me to go to my makers web page!" align="left"></a> Jan 27, 2002. Well It looks like I got my design error fixed. Should be done with the site sometime soon. Well not the whole design... This Middle Cloumn here dosn't seem to want to heed to the Top area like it's supposed to with the command I gave it...<br />
</td></tr></table><br />
<br />
</td></tr></table><br />
</body><br />
</html><!--content-->oh well just missed it but same thing.<br />
<br />
<br />
<br />
<table width="500" height="100%" align="center" bgcolor="white" class="groove"><br />
<tr valign="top"><br />
<td align="left" width="70" height="100%"><br />
<table align="left" width="100%" class="groove"><br />
<tr valign="top"><br />
<td class="cell"><b>Site</b><br />
<li>News</li><br />
<li>Reviews</li><br />
<li>Forums</li><br />
<li>Meh</li><br />
</td><br />
</tr><br />
</table> <br />
</td><br />
<td align="center" width="500" height="100%"><br />
<table width="100%" height="100%" class="groove"><br />
<tr valign="top"> <br />
<td><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://cowkitty.net" target="_new"><img src="images/portraits/auron2.gif" border="0" alt="Click me to go to my makers web page!" align="left"></a> Jan 27, 2002. Well It looks like I got my design error fixed. Should be done with the site sometime soon. Well not the whole design... This Middle Cloumn here dosn't seem to want to heed to the Top area like it's supposed to with the command I gave it...<br />
</td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
<br />
<br />
man I wish people wouldnt do a post like that, this can ruin a thread.<!--content-->now I think I tried <br />
<br />
<td align="center" width="500" height="100%"><br />
<table width="100%" height="100%" class="groove"><br />
<tr valign="top"> <br />
<td><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://cowkitty.net" target="_new"><img src="images/portraits/auron2.gif" border="0" alt="Click me to go to my makers web page!" align="left"></a> Jan 27, 2002. Well It looks like I got my design error fixed. Should be done with the site sometime soon. Well not the whole design... This Middle Cloumn here dosn't seem to want to heed to the Top area like it's supposed to with the command I gave it...<br />
</td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
<br />
already and it just blanked out the middle column but I will try it again<!--content-->wooh hooh! TY It worked!<!--content-->Originally posted by entimp <br />
man I wish people wouldnt do a post like that, this can ruin a thread. <br />
<br />
Fixed it. Sorry bout that, didn't know the CODE thing would explode like that :D<!--content-->
 
Back
Top