2 replies to this topic

[Raven-X]

Go here: http://www.visual-blade.com/

I have a menu bar and I would like a top border to come over the hover links when you hover over them.

Here is the css code:

/*menucontent link styles*/
#menucontent a:link {

color: white;

background-color: #620303;

padding: 5px 15px 9px 15px;

margin-left: -5px;

margin-right: 1px;

border-right: 1px solid white;

text-decoration: none;

}

#menucontent a:visited {

color: white;

background-color: #620303;

padding: 5px 15px 9px 15px;

margin-left: -5px;

margin-right: 1px;

border-right: 1px solid white;

text-decoration: none;

}

#menucontent a:hover {

color: #d0cccc;

background-color: #101010;

padding: 5px 15px 9px 15px;

margin-left: -5px;

margin-right: 1px;

border-top: 5px solid black;

border-right: 1px solid white;

text-decoration: none;

}

#menucontent a:active {

font-size: 13px;

font-style: oblique;

color: #d0cccc;

background-color: #101010;

padding: 5px 15px 9px 15px;

margin-left: -5px;

margin-right: 1px;

border-right: 1px solid white;

text-decoration: none;

}
/*menucontent link styles*/

That's the css code that pertains to any links on the menubar.

I'm trying to get borders to come up over the hover links, like on this website: http://animegerad.co...dex.php?act=idx

[xwazawx]

From what I can see this happens because of the menucontent overflow being set to hidden - and so the border is hidden.

If you want to keep the overflow being set to hidden, then could I suggest changing the background to an image? 1x19px dimensions which would create a false border .. ?

[Raven-X]

I'll probably just go with an image, lol. Thanks, I did get the border to come up at least, just now how I wanted it so images might be better.