Hi experts here,
maybe someone coud give me a hint:
I have defined my hyperlinks to be bordered on hover:
a:link {
color: #808080;
text-decoration: none;
border-style: none none none none;
}
a:hover {
border-style: dashed;
border-color: #808080;
text-decoration: none;
border-width: 1px;
border-color: #808080;
border-radius: 5px
that works fine for texts, but not for images.
If an image has a hyperlink, only a part of the border will be displayed, I would have expected to have the whole image wrapped.
You might see it here:
http://www.schirmer-mosel.com/deutsch/presse.htm (hover at the ten images by Audrey Hepburn.)
I could live with that, but it comes worse:
If the image has an attibute "float:right" the "border" will be reduced to a line snippet pretty far away from the upper left of the image (hover at the two images on the left menu).
Has anyone got a clue how to get it right?
Alternatively, which solution could I have to get the image aligned to the right, without the float:right attribute that seems to jeopardize the border on hover?
That behavior is consistent across many browsers, only old IE7 seems to wrap the images as I would expect.
Thanks a lot for your advice.