Jump to content

Navigation with css

Dark Knight

Recommended Posts

It uses background image via CSS style. Just look at the solidblocksmenu.css file and find this:.solidblockmenu ul{margin: 0;padding: 0;float: left;font: bold 13px Arial;width: 100%;border: 1px solid #625e00;border-width: 1px 0;background: black url(media/blockdefault.gif) center center repeat-x;}.solidblockmenu li{display: inline;}.solidblockmenu li a{float: left;color: white;padding: 9px 11px;text-decoration: none;border-right: 1px solid white;}.solidblockmenu li a:visited{color: white;}.solidblockmenu li a:hover, .solidblockmenu li a.current{color: white;background: transparent url(media/blockactive.gif) center center repeat-x;}Note the image file in bold.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...