Welcome to WebmasterWorld Guest from 34.204.173.45

Forum Moderators: open

Message Too Old, No Replies

Images in Firefox

     
5:01 pm on Aug 13, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 2, 2003
posts:89
votes: 0


Does anyone know how to line up two columns of images so that I don't get a small gap in between them? The small gap only appears in Firefox. IE shows them as butted right up against each other.

Here's a sample of the code...

<td width="125" height="150" valign="top" align="left" nowrap="nowrap">
<a href="index.php"
onmouseover="image1.src='images/btnon_home.jpg';"
onmouseout="image1.src='images/btnoff_home.jpg';">
<img name="image1" src="images/btnoff_home.jpg" width="125" height="30" border="0"></a></td>

<td width="125" height="150" valign="top" align="left" nowrap="nowrap">
<a href="index.php"
onmouseover="image2.src='images/btnon_home.jpg';"
onmouseout="image2.src='images/btnoff_home.jpg';">
<img name="image2" src="images/btnoff_home.jpg" width="125" height="30" border="0"></a></td>

I put this attribute in my stylsheet:

td img {
vertical-align: bottom;
}

TIA for any help.

5:20 pm on Aug 13, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


Sounds like a quirks mode versus standards mode issue to me. See this thread for details and fixes:

[webmasterworld.com...]