Hi all,<br />
<br />
I've just registered on this site, and I've got a problem with multiple table alignment with my HTML page that's attached. There are three tables that I want to be perfectly vertically aligned, so that each table is beneath the other. However, what I'm getting instead, on both Netscape 6.2 and Microsoft IE > 5.5, is that table 2 is vertically aligned with table 1, but table 3 is next to table 2 (ie: horizontally aligned). <br />
<br />
The only solution I can think of is to use a ton of <BR> tags, but the success of this depends on what browser the clients are using. So how would you fix the webpage into correctly displaying all three tables below one another?<br />
<br />
Thanks alot,<br />
<br />
Simon Liu<!--content-->nest the tables:<br />
<br />
<br />
<table><br />
<tr><br />
<td><br />
TABLE 1<br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
TABLE 2<br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
TABLE 3<br />
</td><br />
</tr><br />
</table><!--content-->I suprised that it works anywhere. I might be wrong, but I don't think that it's valid to insert a table within an unordered list or vice-versa, whichever you're trying to do. (Not to mention the fact that the unordered list is closed within TD tags).<br />
<br />
<table><br />
<ul> <---------UL can't go here ?<br />
<tr><br />
<td> <br />
<li><p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"philosophy.asp">Philosophy</a></p><br />
</li> ^^^^^^^^^ paragraph within LI ?<br />
</td><br />
<td><br />
<li><br />
<p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"essay.asp">ToK Essay</a> ^^^^^^^^^ paragraph within LI ?<br />
</p><br />
</li><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<li><br />
<p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"thought.asp">Thought</a><br />
</p> ^^^^^^^^^ paragraph within LI ?<br />
</li><br />
</td><br />
<td><br />
</ul> <-------------closing UL here?<br />
</td><br />
</tr><br />
</table><br />
<br />
Need the code cleaned up a bit.<!--content-->didn't look at the code in the page actually.<br />
<br />
that is a real mess.<!--content-->Thanks for all the suggestions. I finally got it to work, by simply deleting the 'align = "left"' attribute of table 2. I never woulda thought that this small change could totally modify site layout!<br />
<br />
Thanks again.<!--content-->You need to run that code through <!-- m --><a class="postlink" href="http://validator.w3.org/detailed.html">http://validator.w3.org/detailed.html</a><!-- m --> as that code only works in your browser by luck. It will not work in other types of browser until you fix the listed errors.<!--content-->I managed to get it through a validator earlier: <br />
HTML 3.2 FINAL only 47 errors, but they're critical. What browser are you using....<!--content-->I've tested the page on Netscape 6.2 and 4.6, plus IE 6.0 and 5.5. They seem to work.<br />
<br />
I've also but it through the W3C Validator, but the stuff it spat out was more like gibberish to me ;-). I don't really know what all of the msg's mean. It's even worse than trying to debug a 500-line assembly prog, even though the webpage concerned is only ~100 lines.<!--content-->Hmm, try validating to HTML 4.01 Transitional instead.<br />
<br />
Get the page online somewhere, and provide the URL. I can translate what it is trying to tell you.<!--content-->
<br />
I've just registered on this site, and I've got a problem with multiple table alignment with my HTML page that's attached. There are three tables that I want to be perfectly vertically aligned, so that each table is beneath the other. However, what I'm getting instead, on both Netscape 6.2 and Microsoft IE > 5.5, is that table 2 is vertically aligned with table 1, but table 3 is next to table 2 (ie: horizontally aligned). <br />
<br />
The only solution I can think of is to use a ton of <BR> tags, but the success of this depends on what browser the clients are using. So how would you fix the webpage into correctly displaying all three tables below one another?<br />
<br />
Thanks alot,<br />
<br />
Simon Liu<!--content-->nest the tables:<br />
<br />
<br />
<table><br />
<tr><br />
<td><br />
TABLE 1<br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
TABLE 2<br />
</td><br />
</tr><br />
<br />
<tr><br />
<td><br />
TABLE 3<br />
</td><br />
</tr><br />
</table><!--content-->I suprised that it works anywhere. I might be wrong, but I don't think that it's valid to insert a table within an unordered list or vice-versa, whichever you're trying to do. (Not to mention the fact that the unordered list is closed within TD tags).<br />
<br />
<table><br />
<ul> <---------UL can't go here ?<br />
<tr><br />
<td> <br />
<li><p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"philosophy.asp">Philosophy</a></p><br />
</li> ^^^^^^^^^ paragraph within LI ?<br />
</td><br />
<td><br />
<li><br />
<p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"essay.asp">ToK Essay</a> ^^^^^^^^^ paragraph within LI ?<br />
</p><br />
</li><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<li><br />
<p class = "bold"><a href = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"thought.asp">Thought</a><br />
</p> ^^^^^^^^^ paragraph within LI ?<br />
</li><br />
</td><br />
<td><br />
</ul> <-------------closing UL here?<br />
</td><br />
</tr><br />
</table><br />
<br />
Need the code cleaned up a bit.<!--content-->didn't look at the code in the page actually.<br />
<br />
that is a real mess.<!--content-->Thanks for all the suggestions. I finally got it to work, by simply deleting the 'align = "left"' attribute of table 2. I never woulda thought that this small change could totally modify site layout!<br />
<br />
Thanks again.<!--content-->You need to run that code through <!-- m --><a class="postlink" href="http://validator.w3.org/detailed.html">http://validator.w3.org/detailed.html</a><!-- m --> as that code only works in your browser by luck. It will not work in other types of browser until you fix the listed errors.<!--content-->I managed to get it through a validator earlier: <br />
HTML 3.2 FINAL only 47 errors, but they're critical. What browser are you using....<!--content-->I've tested the page on Netscape 6.2 and 4.6, plus IE 6.0 and 5.5. They seem to work.<br />
<br />
I've also but it through the W3C Validator, but the stuff it spat out was more like gibberish to me ;-). I don't really know what all of the msg's mean. It's even worse than trying to debug a 500-line assembly prog, even though the webpage concerned is only ~100 lines.<!--content-->Hmm, try validating to HTML 4.01 Transitional instead.<br />
<br />
Get the page online somewhere, and provide the URL. I can translate what it is trying to tell you.<!--content-->