Hello, if the anchor element containing the image would be exactly as big as the image, and the image's position would not be offset in any way, then there shouldn't be any green backfround color visible.
Is there a padding set to <a> elements, or a margin to <img> elements, or line-height or anything else? Is there a link to the website to take a closer look at the problem? Best regards, Christian Editura GmbH & Co. KG Tempelhofer Damm 2 · 12101 Berlin www.editura.de <http://www.editura.de> AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548 Geschäftsführer: Ralf Szymanski Am 24.07.2010 21:20, schrieb PL: > I inherited a website and am trying to sort through a lengthy (but > probably well written) css style sheet for about 6 months. So far I have > been able to solve most problems on my own. > > *I need help with a specific site-wide problem and ideally would like a > global css solution.* > > There is text decoration on the a:hover that puts a background color > green under the text and changes the text to white. It looks fine and I > do not need to change that. > a { color: #396552; text-decoration: none;} > a:visited{ color: #396552; text-decoration: none;} > a:hover { > color: #FFF; > background-color: #3D6554; > } > > However, on all images with href (including the corporate icon image on > every page) *the a:hover obviously causes a green bar to show up under > all images.* > > In Firefox it is there, but not bothersome. In IE, it is causing a > vertical page shift. > > Removing the a:hover from the style sheet negatively affects all green > text on a white background when hovering and is an integral design of > the website. > > *I would like to add a global item to the style sheet that removes the > text decoration for a:hover on all images.* > > My internet searches have found multiple "solutions" and none of them > seem straightforward. I think the answer maybe something like this: > .aimg:hover > and setting it to no text decoration. But this does require applying it > to every icon, every image on many pages. > > I would like to post a url, but I am unsure if I can post a client's > private url on this forum, there is nothing in the List Policies about this. > Thank you for your help, > Matoca > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
