Results 1 to 4 of 4

Thread: No link decoration on image

  1. #1
    Join Date
    Jul 2008
    Posts
    17
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default No link decoration on image

    I am using images (logos) as links. Is it possible to remove the border or make it transparent? A{text decoration:none} instruction only seems to effect text underlines not the border around an IMG.

  2. #2
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    In css like you put it above. It should be like this:
    Code:
    img { border: 0; }
    Jeremy | jfein.net

  3. The Following User Says Thank You to Nile For This Useful Post:

    sabreur (07-23-2008)

  4. #3
    Join Date
    Jul 2008
    Posts
    17
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Thanks for this. I put it in and all looked fine. Unfortunately it was late in the day and I did not do any rigirous checking, it looked fine in IE but Firefox still displays the image border.

    Do I need a hack or is there another instruction that will do it?

  5. #4
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 130 Times in 117 Posts

    Default

    Code:
    <style type="text/css">
    img{
    border:0px;
    }
    img a, img a:link, img a:active, img a:visited, img a:hover{
    border:0px;
    }
    </style>
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  6. The Following User Says Thank You to TheJoshMan For This Useful Post:

    sabreur (07-29-2008)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •