Theme Joomla Templates

IE8 Linked Image Quirk

How can I stop any linked images having a red block appear underneath them when a user hovers over it? This happens with any linked image but is especially irksome when I am using the lightbox functionality. Sometimes this pushes elements out of alignment with other elements on the page!

I think it may have something to do with the CSS code but I am unsure where? Please see thumbnails on the home page.

LumoMongo replied All looks fine

Had a look on your site and all looks fine, unless I am being silly and not looking in the correct place. Is this perhaps just an IE thing, or you have sorted it out? let me know, cheers

kefi2927 replied It's an IE8 thing

Hi, Thanks for getting back to me. When hovering over any of the linked thumbnails using IE8 (it's an IE8 thing) a small red block appears at the bottom of the image. This actually happens with any linked image. I'm a little concerned about this because if users start to use IE8 then I may have some problems with linked images.

I'm convinced this is a CSS issue. Although I'm no expert. I'm hoping you will be able to help me with this.

LumoMongo replied Add this to template CSS file

This is because the link hover is a solid color (like the red) - and the image is a link, therefore it gets this color when there is padding on the image... what you can try do is add this to your template CSS file:

img a:hover, img a:active, li img a:hover, 
img:hover { 
background-color: purple; 
}


Which should hopefully make the background color purple when hovering on those image links - unless there is a further conflict - if it works then just substitute the purple for your site background color.

kefi2927 replied Tried, but no luck.

Tried that code in the template CSS file. Doesn't appear to be doing anything ? When I hover over the thumbnails on the homepage it still shows a red block underneath the images.

LumoMongo replied Mail me FTP

As this is an internet exploder thing - can you please mail me FTP - so I can go edit the template files directly, as troubleshooting these types of issues in IE8 is not working

You must be logged in to post a comment. Please register if you do not have an account yet.

busy

INSIDE: Forum / Templates

members

search