joj i dalje mi ne polazi za rukom,
iako sam ranije resavao ovakve svari za minut
evo CSS
Kôd:
/* banner */
#banner {
clear: both;
width: 940px;
height: 280px;
margin: 0px;
padding: 0px;
background: url(images/banner_bg.jpg) no-repeat;
}
#banner #menu{
float: left;
width: 580px;
height: 50px;
/* background: url(images/menu_bg.png) no-repeat; */
}
#menu ul {
width: 580px;
margin: 15px 0 0 180px;
padding: 0px;
list-style: none;
}
#menu ul li{
display: inline;
}
#menu ul li a{
float: left;
padding: 0 20px;
font-size: 14px;
text-align: center;
text-decoration: none;
background: url(images/menu_divider.gif) top right repeat-y;
color: #FFF;
font-weight: bold;
outline: none;
}
#menu li a:hover, #menu li .current{
color: #eceb81;
}
/* end of menu*/
/* end of banner */
index.HTML
Kôd:
<!-- end of header -->
<div id="banner">
<div id="menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#/">Services</a></li>
<li><a href="#/">Bookings</a></li>
</ul>
</div>
</div>
<!-- end of banner -->