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 [cs...@lists.css-discuss.org]
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/
