WordPress.com

1. scrambled
   Member
   Jan 15, 2007, 11:06 PM

   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.

   Text:

   .hentry a:hover {
   color:#fff;
   background:#993333;
   border:0;
   }

   Image:

   img a:hover,img a {
   background:#fff;
   }

   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. sunburntkamel
   Member
   Jan 16, 2007, 1:16 PM

   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. cornell
   Member
   Jan 16, 2007, 1:32 PM

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

   img a:hover,img a {
   background:#fff;
   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. sunburntkamel
   Member
   Jan 16, 2007, 2:46 PM

   @cornell-

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

5. cornell
   Member
   Jan 16, 2007, 2:52 PM

   poo.

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

   /goes to look...

6. cornell
   Member
   Jan 16, 2007, 2:55 PM

   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. cornell
   Member
   Jan 16, 2007, 2:59 PM

   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. sunburntkamel
   Member
   Jan 16, 2007, 3:43 PM

   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. scrambled
   Member
   Jan 16, 2007, 10:46 PM

   Thanks guys. That workaround seems to work.

Topic Closed

This topic has been closed to new replies.