Centralizar menu css

B4ruc · Agosto 11, 2014

enfim tentei de varias maneiras mais não obtive sucesso ai segue a print do menu

e o códe da página

<!DOCTYPE HTML>
 
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<title>Page do B4ruc</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" />
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
</head>
 
<body>
<nav>
<ul class="menutopo">
<li><a href="index.html">Home</a></li>
<li><a href="#">Sobre</a>
<ul>
<li><a href="#">Quem sou eu</a></li>
<li><a href="#">Meu Trabalho</a></li>                 
</ul>
</li>
<li><a href="#">Cheats</a>
<ul>
<li><a href="#">Priston Tale</a></li>
<li><a href="#">Tutoriais</a></li>
<li><a href="#">Outros</a></li>                   
</ul>
</li>
<li><a href="#">Doações</a></li>
<li><a href="#">Contato</a></li>               
</ul>
</nav>
 
<p align="center">
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="CSS válido!" />
</a>
</p>
 
 
</body>
</html>

e o css da página

 
*{margin: 0; padding: 0;}
 
body{
font-family: Tahoma, helvetica, sans-serif;
font-size: 12px;
}
 
.menutopo { 
list-style:none; 
border:1px solid #c0c0c0; 
float:left;
}
 
.menutopo li {
position:relative;
float:left; 
border-right:1px solid #c0c0c0;
}
 
.menutopo li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}
 
.menutopo li a:hover{
background:#333;
color:#fff;
-moz-box-shadow:0 3px 10px 0 #CCC;
-webkit-box-shadow:0 3px 10px 0 #ccc;
text-shadow:0px 0px 5px #fff;
}
 
.menutopo li  ul{
position:absolute; 
top:25px; 
left:0;
background-color:#fff; 
display:none;
}
 
.menutopo li:hover ul, .menutopo li.over ul {display:block;}
 
.menutopo li ul li{
border:1px solid #c0c0c0;
display:block;
width:150px;
}

Editado Agosto 11, 2014 por B4ruc

Entrar

Centralizar menu css

Pergunta

B4ruc

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades