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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...