Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Opa
Preciso centralizar este menu e nao estou conseguindo.
Este é o código HTML:
<div class="menu">
<ul class="blockeasing">
<li class="main"><a href="#">Principal</a></li>
<li class="main"><a href="#">Sobre Nós</a></li>
<li class="main"><a href="#">Produtos</a>
<ul class="subnav">
<li><a href="#">Tanques</a></li>
<li><a href="#">Puçá</a></li>
<li><a href="#">Balança</a></li>
<li><a href="#">Balaio</a></li>
<li><a href="#">Classificadores</a></li>
<li><a href="#">Outros</a></li>
</ul>
</li>
<li class="main"><a href="#">Serviços</a></li>
<li class="main"><a href="#">Contato</a></li>
</ul>
</div>
E este o CSS:
div.menu{
height:100px;
position:relative;
width:900px;
z-index:1000;
} position:relative;
color:#CCCCCC;
float:left;
font-size:11px;
padding:7px;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:0;
display: table;
} background:none repeat scroll 0 0 #333333;
border:1px solid #060;
display:block;
float:left;
height:15px;
list-style:none outside none;
margin:0 5px;
padding:7px 1px;
text-align:center;
text-shadow:0 1px 1px #000000;
text-transform:uppercase;
width:130px;
}
ul.blockeasing li.main{
height:18px;
position:relative;
}
ul.blockeasing li a{
color:#CCC;
}
ul.blockeasing li ul.subnav{
background:none repeat scroll 0 0 #333;
border-bottom:2px solid #20603d;
float:left;
position:absolute;
left:-50%;
width:250px;
height:250px;
margin-top:15px;
display:none;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0;
padding-left: 5px;
}
ul.blockeasing li ul li{
border:none;
border-bottom:1px solid #dca84b;
padding:5px;
float:left;
width:100px;
height:7px;
overflow:visible
}
Podem me ajudar??
Carregando comentários...