Image Border Problems

Discussion in 'HTML' started by Cerebral Believer, Oct 1, 2006.

  1. Hi folks,

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

    HTML:

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

    CSS:

    ..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?

    Regards,
    C.B.
    Cerebral Believer, Oct 1, 2006
    #1
    1. Advertising

  2. Cerebral Believer

    BootNic Guest

    > Cerebral Believer <> wrote:
    > news: _mJTg.48486$
    > Hi folks,
    >
    > Anyone know why I see a double border around my images (in Netscape &
    > Firefox) that use the following code:



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

    > <td class="valtop" width="1%">
    > <a class="lisbut"

    [snip]
    > <img class="lisbut"

    [snip]
    > .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?


    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*
    BootNic, Oct 1, 2006
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. tshad
    Replies:
    0
    Views:
    2,235
    tshad
    Jan 31, 2005
  2. aybikem

    Image border problems

    aybikem, Jun 25, 2003, in forum: HTML
    Replies:
    3
    Views:
    1,170
    Hywel Jenkins
    Jun 26, 2003
  3. phl
    Replies:
    1
    Views:
    4,323
    Martin Jay
    Jun 8, 2006
  4. Coder
    Replies:
    1
    Views:
    678
    Cowboy \(Gregory A. Beamer\)
    Jun 24, 2006
  5. =?UTF-8?B?TWFydGluIFDDtnBwaW5n?=

    border-color: #003366; border-width: 2px;

    =?UTF-8?B?TWFydGluIFDDtnBwaW5n?=, Jul 17, 2006, in forum: HTML
    Replies:
    64
    Views:
    3,473
    Adrienne Boswell
    Jul 30, 2006
Loading...

Share This Page