Click to See Complete Forum and Search --> : Help With Navbar Asap


motormaniac
07-12-2007, 09:31 PM
I need some Help with my navbar, i am trying to use one image and have it repeat across the the navbar but it wont work. help!


/*NAVBAR STYLE*/





ul.navbar {
padding: 0px;
margin: 0;
width: 0;
display: inline;
border: none;
background-image: url('navigation_button.PNG');
background-repeat: repeat-x;
background-position: 0px 0px;
}



ul.navbar li {
margin: 0px;
padding: 0px;
text-align: left;
float: left;
border: 1px solid;

}

ul.navbar a {

color: silver;
padding: 0;
margin: 0;
width: 0;
}

div {
background-color: transparent;
border:0; }



#navbar {
width: 900px;
height: 48px;
margin: 0;
padding: 0px;
z-index: 1;
background-color:#356AA0;
position:absolute;
top:146px;
left:0px;
}




#body {
width: 900px;
height: 1080px;
margin: 0;
padding: 0px;
background-color:#B9D0E7;
position:absolute;
top:35px;
left:49px;
float: center;
}




<!--Navigation-->


<div id="navbar">
<ul class="navbar">

<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contacts</a></li>
<!-- <li><img alt="" src="blanknavbar.PNG" /></li>-->


</ul>


</div>

ray326
07-12-2007, 10:45 PM
Put the background image on the div#navbar then follow the list with a clearing div.
<div id="navbar">
<ul>
...
</ul>
<div style="clear:both"></div>
</div>