Click to See Complete Forum and Search --> : [RESOLVED] onmouseover pixel borders


dancemonkey
01-05-2007, 11:57 AM
Hi! I searched everywhere on this forum (and on the internet at large) to find a solution to this problem. I posted it originally in the javascript forum, but was referred here and told it was not a javascript problem. Would someone please please please help me? I'm desperate and at wit's end!

I sliced up an image to make a content box for my website. It all displays fine, except for the last image (the one labeled "Past Issues"), which seems to have a 1 pixel gap above and below it, but not on either side. It works fine in firefox, but displays improperly in ie.

Originally, I had this problem with all of those buttons, but found out that you you have to make sure that you don't put any space between any of the code or that happens. Well now I've retyped that part of the code over and it over and it still looks like this (to make things more confusing, the 1px whitespaces between each button are meant to be there--the only problem is around "Past Issues"):
http://i62.photobucket.com/albums/h95/speshlstephl/javagaps.jpg

Here's the relevant code

<TR><TD><a href="survey.html"><img border="0" src="boximgs/survey.jpg" width="167" height="41" name="b2" onmouseOver="mouseOver2()" onmouseOut="mouseOut2()" /></a></TD></TR>

<TR><TD><a href="pbhighlights.html"><img border="0" src="boximgs/pbhighlights.jpg" width="167" height="39" name="b3" onmouseOver="mouseOver3()" onmouseOut="mouseOut3()" /></a></TD></TR>

<TR><TD><a href="fanscorner.html"><img border="0" src="boximgs/fanscorner.jpg" width="167" height="40" name="b4" onmouseOver="mouseOver4()" onmouseOut="mouseOut4()" /></a></TD></TR>

<TR><TD><IMG SRC="boximgs/saywhat.jpg" border="0" WIDTH=167 HEIGHT=40 ALT=""></TD></TR>

<TR><TD><a href="tv.html"><img border="0" src="boximgs/tv.jpg" width="167" height="40" name="b6" onmouseOver="mouseOver6()" onmouseOut="mouseOut6()" /></a></TD></TR>

<TR><TD><a href="magazine.html"><img border="0" src="boximgs/mag.jpg" width="167" height="40" name="b7" onmouseOver="mouseOver7()" onmouseOut="mouseOut7()" /></a></TD></TR>

<TR><TD><a href="archive.html"><img src="boximgs/archive.jpg" width="167" height="35" name="b8" onmouseOver="mouseOver8()" onmouseOut="mouseOut8()" /></a></TD></TR>
<TR><TD COLSPAN=5><IMG SRC="boximgs/lastupdated.jpg" border="0" WIDTH=810 HEIGHT=45 ALT=""></TD></TR>
</TABLE>


Thanks!

dancemonkey
01-05-2007, 12:05 PM
Oooo! Nevermind. One of the whitespace images that ran parallel to all these links had spaces in the code, putting a border around it, and making it look like it was a problem with the links.

Thanks for checking this out!