Images not lining up in tables.

liunx

Guest
Hi folks, I need your help. I'll keep this short and sweet. I don't know html, keep this in mind. I am adding my sliced image in frontpage 03 to my tables but the images are not lining up, here is the code and two snapshots. Thanks for any help.<br />
<br />
[edit] If I view the page in explorer it looks fine, if I view is in the wrapper of my forum it messes up. The difference is at the top of the page, here is the one for the forum. <br />
-----------------------------------------------------<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"><br />
-----------------------------------------------------<br />
<br />
View Snapshot (<!-- m --><a class="postlink" href="http://zarien.com/snap.jpg">http://zarien.com/snap.jpg</a><!-- m -->) <br />
<br />
<br />
------------------------------------<br />
<br />
<table border="0" width="100%" height="139" background="file:///D:/wwwroot/Images/2.jpg" style="border-collapse: collapse"><br />
<tbody><br />
<tr><br />
<th width="618" height="106" valign="top" background="file:///D:/wwwroot/Images/01.jpg" nowrap align="left"><br />
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"file:///D:/wwwroot/Images/1.jpg" width="189" height="106"><img border="0" src="file:///D:/wwwroot/Images/3.jpg" width="164" height="106"><br><br />
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"file:///D:/wwwroot/Images/5.jpg" width="133" height="20"><img border="0" src="file:///D:/wwwroot/Images/6.jpg" width="51" height="20"><img border="0" src="file:///D:/wwwroot/Images/7.jpg" width="77" height="20"><img border="0" src="file:///D:/wwwroot/Images/8.jpg" width="63" height="20"><img border="0" src="file:///D:/wwwroot/Images/9.jpg" width="57" height="20"><img border="0" src="file:///D:/wwwroot/Images/10.jpg" width="60" height="20"><img border="0" src="file:///D:/wwwroot/Images/11.jpg" width="75" height="20"><img border="0" src="file:///D:/wwwroot/Images/12.jpg" width="77" height="20"><br><br />
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"file:///D:/wwwroot/Images/13.jpg" width="593" height="13"></th><br />
<td width="187" height="106" background="file:///D:/wwwroot/Images/01.jpg">&nbsp;</td><br />
<td align="right" height="106" valign="top" background="file:///D:/wwwroot/Images/01.jpg"><br />
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"file:///D:/wwwroot/Images/4.jpg" width="229" height="106"></td><br />
</tr><br />
</tbody><br />
</table><!--content-->get rid of the valign crap and use style="position:absolute; top:0px;" to align stuff to the top. Valign is depreciated so it will not work. If frontpage put that valign in there then you know what kind of an editor it is, a crappy one. Learn html if you want the site to work. <!-- w --><a class="postlink" href="http://www.w3schools.org">www.w3schools.org</a><!-- w --><!--content-->
 
Back
Top