https://www.dropbox.com/s/hl75a38rpqkkn ... 8.png?dl=0
Codul este urmatorul:
Cod: Selectaţi tot
<div class="header">
<div class="header-resize">
<div class="logo"><h1><a href="index.html"><img src="images/logo.png" width="100%" height="120px"/></a></h1></div>
<div class="clr"></div>
<div class="menu_nav">
<ul>
<li class="active"><a href="#"><span>Acasa</span></a></li>
<li><a href="#"><span>Despre noi</span></a></li>
<li><a href="#"><span>Servicii</span></a></li>
<li><a href="#"><span>Laborator</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</div>
</div>CSS:
Cod: Selectaţi tot
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul {
margin:0;
padding:0;
}
.header
{
background: url(images/header.jpg) repeat-x;
}
.header-resize
{
margin:0 auto;
padding:0;
width:100%;
}
.logo
{
margin:0 auto;
height:160px;
float:none;
width:90%;
}
.logo h1
{
text-align:center;
padding:20px 0;
}
.menu_nav
{
margin:0 auto;
padding:0;
width:100%;
height:60px;
background:url(images/meniu.jpg) repeat-x ;
overflow: hidden;
position: relative;
display:table;
}
.menu_nav ul {
list-style:none;
margin:0 auto;
padding:0;
height:60px;
float:left;
}
.menu_nav ul li {
margin:0 auto;
padding:0;
float:left;
border-right:1px solid black;
}
.menu_nav ul li a {
display:block;
margin:0 auto;
padding:0;
width:167px;
height:57px;
font-size:18px;
line-height:55px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-transform:none;
text-align:center;
background:none;
}
.menu_nav ul li.active a
{
text-decoration:none;
color:#fff;
background:url(images/active.jpg) repeat-x;
}
.menu_nav ul li a:hover
{
text-decoration:none;
color:#fff;
background:url(images/hover.jpg);
}Unde ar putea fi buba?