li' brain fart on link inheritance.

image-link hovering still shows attribute from the default anchor links

[Don_Hoagie]

What am i missing here? Hovering over images as links shows an unwanted bottom-border attribute taken from my default link set, visible in the right-margin area. I usually just copy and paste link sets from my past sheets so I must've fat fingered something here... thanks for any help.

a:hover {
color: #ff2a00;
text-decoration: none;
border-bottom: 1px solid #ff2a00;
}

a.gallery:hover img {
display: inline;
margin: 15px 10px -5px 0;
padding: 2px;
background: #ff2a00;
text-decoration: none;
border: 1px solid #30291a;
}

(img tag default behavior, just for kicks)
img {
display: inline;
margin: 15px 10px -5px 0;
padding: 2px;
background: transparent;
border: 1px solid #30291a;
}

[DrDoc]

Add to your style sheet:

a.gallery:hover {
border: none;
}

You have a bottom border applied to your regular hovered links (through a:hover). Your next rule applies a border to the image (if inside a.gallery, which is also hovered). That does not, however, replace the default border already applied to the link.

:)

[Don_Hoagie]

argh! no wonder, I see now I had that rule in my previous stylesheet but nowhere near the section i copied over.

Let that be a lesson to you kiddies... don't be like me, code them sheets logically!

thank you, good doctor!