Need help? Check out our Support site, then

Image border

  1. I think I'm just having a brain lapse, but I can't figure out how to make my linked images NOT have the background attributed to text links.


    .hentry a:hover {


    img a:hover,img a {

    Doesn't work. See this page. There is a red thing on the bottom of the linked images (when you hover over them). I don't want this.

    Any help?

  2. i don't know how to fix it (i have the same problem on my own site). but here's a decent workaround:
    a:hover img {<br /> border: #fff 5px solid;<br /> margin: 0px;<br /> }

    by replacing the 5px margin on the images with a border, the fact that the background is there becomes irrelevant. :)

    CSS purists like atthe404 will probably burn me as a heretic for this, but you know, it works.

  3. Um, you've set the border 0 property for the text, but not for the image a.

    img a:hover,img a {
    border: 0;

    Try it, see what happens. What Adam appears to be doing is setting the border colour to the same value as the background.

  4. @cornell-

    the a element doesn't occur inside the img element, so your CSS won't be executed.

  5. poo.

    I'm sure it's something like that though. Hang on...

    /goes to look...

  6. You're quite right.

    I use img a:

    For example, controlling the look of the flickr images on my site I use:

    #flickr img a:link, #flickr img a:visited { <br /> border:0px;<br /> }

  7. Well, apparently you should just ignore me altogether as I obviously have no idea what I'm talking about! The code I posted above doesn't work on my site either.

    To be fair to me though, I changed my theme last night and then my PC crashed. :(

  8. cornell-

    #flickr a:link, #flickr a:visited {}
    should work. similarly, applying a class to links with images would work, like the way the inline uploader does: a:imagelink

  9. Thanks guys. That workaround seems to work.

Topic Closed

This topic has been closed to new replies.

About this Topic