B4ruc
-
Total de itens
1 -
Registro em
-
Última visita
Sobre B4ruc
B4ruc's Achievements
0
Reputação
-
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; }