skaterdav85 Posted May 29, 2008 Share Posted May 29, 2008 I created a navigation bar w CSS so it has the rollover-like effect, but i dont know how to center the navigation in the middle of the page at the top. Anyone know how to do this?here is my code...<head><style> ul { list-style-type:none; padding: 2px; font: bold 12px 'Lucida Grande',Verdana,sans-serif;} li { background: #DDDDDD; float: left; padding 2px 10px; border-left: 1px solid #fff; border-right: 1px solid #aaa; border-bottom: 1px solid #666;} ul a:link, ul a:visited, ul a:hover, ul a:active { display: block; padding: 2px 10px; text-decoration: none;} ul a:link { color: #000;} ul a:visited { color: #666;} ul a:hover { color: #f00; background: #fff;} ul a:active { color: #333;}</style></head><body> <ul> <li><a href="#">Home</a></li> <li><a href="#">Products</a></li> <li><a href="#">Contact</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Other Services</a></li> </ul></body> Link to comment Share on other sites More sharing options...
jlhaslip Posted June 1, 2008 Share Posted June 1, 2008 http://cssplay.co.uk has a series of horiz navbars which are centred Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.