Tuesday, 15 June 2010

html - How to remove top nav bar border -



html - How to remove top nav bar border -

i have top navigation bar still has white borders around. know how remove them using css.

this css:

#nav { width: 100%; float: left; margin: 0 0 3em 0; padding: 0; list-style: none; background-color: #4c4c4c; } #nav li { float: left; } #nav li { display: block; padding: 8px 15px; text-decoration: none; font-weight: bold; color: white; border-right: 1px solid #ccc; } #nav li a:hover { color: grey; background-color: white; }

this html:

<body> <ul id="nav"> <li><a href="#">about us</a></li> <li><a href="#">our products</a></li> <li><a href="#">faqs</a></li> <li><a href="#">contact</a></li> <li><a href="#">login</a></li> </ul>

thanks.

not sure question. in #nav li a giving border-right: 1px solid #ccc; remove , can not see border more. allow me know in case needed else.

html css html5 navbar navigationbar

No comments:

Post a Comment