After switching to xhtml 1.0, I been having problems with fixing my menu table located at <br />
<br />
<br />
<!-- w --><a class="postlink" href="http://www.d0cs.net">www.d0cs.net</a><!-- w --><br />
<br />
As you can see there is white space in the menu. all cells have a backround that streches, but I dont really know how to make them extend the full <tr><br />
<br />
anyway, heres the html part of that<br />
<br />
<br />
<td colspan="4"><br />
<table border="0" cellspacing="0" cellpadding="0" width="100%"><br />
<form action="login.php" method="post"><br />
<tr><br />
<td align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/barcorner.gif" width="31" height="29" alt="" /></td><br />
<td align="left" valign="middle" background="images/menuextend.gif"><br />
<br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" alt="Home" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"/"><img src="images/menuhome.gif" width="28" height="9" border="0" alt="Home" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://forums.d0cs.net"><img src="images/menuforums.gif" width="36" height="9" border="0" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"/support"><img src="images/menusupport.gif" width="38" height="9" border="0" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="8" height="1" /><br />
</td><br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/barsep.gif" width="49" height="29" /></td><br />
<br />
<td align="left" valign="middle" background="images/menuextend.gif" class="menutext"><br />
L: <input type="text" name="username"><br />
P: <input type="password" name="passwd"><br />
<input type="submit" name="Submit" value="Login" class="altButtonFormat"><br />
</td><br />
</tr><br />
</form><br />
</table><br />
</td><!--content-->The cells that only contain images: define the cell width the same as the width of the image:<br />
<br />
<td align="left" width="31"><img src=http://www.htmlforums.com/archive/index.php/"images/barcorner.gif" width="31" height="29" alt="" /></td><br />
<br />
<td width="49"><img src=http://www.htmlforums.com/archive/index.php/"images/barsep.gif" width="49" height="29" /></td><br />
<br />
<br />
and see if that helps.<!--content-->Worked great, thx alot buddy<!--content-->Make sure you do the <br />
<br />
<td> code goes here </td><br />
<br />
all in one line too.<!--content-->
<br />
<br />
<!-- w --><a class="postlink" href="http://www.d0cs.net">www.d0cs.net</a><!-- w --><br />
<br />
As you can see there is white space in the menu. all cells have a backround that streches, but I dont really know how to make them extend the full <tr><br />
<br />
anyway, heres the html part of that<br />
<br />
<br />
<td colspan="4"><br />
<table border="0" cellspacing="0" cellpadding="0" width="100%"><br />
<form action="login.php" method="post"><br />
<tr><br />
<td align="left"><img src=http://www.htmlforums.com/archive/index.php/"images/barcorner.gif" width="31" height="29" alt="" /></td><br />
<td align="left" valign="middle" background="images/menuextend.gif"><br />
<br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" alt="Home" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"/"><img src="images/menuhome.gif" width="28" height="9" border="0" alt="Home" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"http://forums.d0cs.net"><img src="images/menuforums.gif" width="36" height="9" border="0" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/arrow.gif" width="23" height="13" /><br />
<a href=http://www.htmlforums.com/archive/index.php/"/support"><img src="images/menusupport.gif" width="38" height="9" border="0" /></a><br />
<img src=http://www.htmlforums.com/archive/index.php/"images/spacer.gif" width="8" height="1" /><br />
</td><br />
<td><img src=http://www.htmlforums.com/archive/index.php/"images/barsep.gif" width="49" height="29" /></td><br />
<br />
<td align="left" valign="middle" background="images/menuextend.gif" class="menutext"><br />
L: <input type="text" name="username"><br />
P: <input type="password" name="passwd"><br />
<input type="submit" name="Submit" value="Login" class="altButtonFormat"><br />
</td><br />
</tr><br />
</form><br />
</table><br />
</td><!--content-->The cells that only contain images: define the cell width the same as the width of the image:<br />
<br />
<td align="left" width="31"><img src=http://www.htmlforums.com/archive/index.php/"images/barcorner.gif" width="31" height="29" alt="" /></td><br />
<br />
<td width="49"><img src=http://www.htmlforums.com/archive/index.php/"images/barsep.gif" width="49" height="29" /></td><br />
<br />
<br />
and see if that helps.<!--content-->Worked great, thx alot buddy<!--content-->Make sure you do the <br />
<br />
<td> code goes here </td><br />
<br />
all in one line too.<!--content-->