Image Border Problems

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi folks,

Anyone know why I see a double border around my images (in Netscape &
Firefox) that use the following code:


<td class="valtop" width="1%">
<a class="lisbut" onmouseover="document.getElementById('trk2m').src =
onmouseout="document.getElementById('trk2m').src =
<img class="lisbut" id='trk2m' src="../../images/listenbuy/mp3.jpg"
alt="There Is Still Hope (.mp3)"/></a>
<a type="audio/x-mpegurl" title="Listen to the .mp3 sample of this track"


.valtop   {
    vertical-align: top;
    text-align: center;
    line-height: 40%;
.lisbut   {
    border:   1.5px solid #000000;

When I view the pages including this code and referencing the styles cited,
the borders don't appear wrapped tight to the edge of the pictures, and it
looks a mess.  Any know how to remedy this?


Re: Image Border Problems

Quoted text here. Click to load it

That would be the result of giving the img a border as well as its parentNode.

Quoted text here. Click to load it
Quoted text here. Click to load it
Quoted text here. Click to load it

Remove the class from the img parentNode.

BootNic   Sunday, October 01, 2006 9:02 AM

I had a monumental idea this morning, but I didn't like it.
*Samuel Goldwyn*

Site Timeline