Concorra ao sorteio do livro Decisões com B.I. escrito pelo nosso colunista Fábio Primak. Clique aqui para participar.
Menu simples em vertical, com efeito.
Foi adicionado <br> no código CSS, para que não ocorra problemas em outros browsers, como ocorreu no FireFox.
<style type="text/css">
<!--
#menu ul {
padding:0px;
margin:0px;
width: 100px;
background-color:#EDEDED;
font:80% Verdana;
}
#menu ul li a {
width: 100px;
float:left;
background-color:#EDEDED;
color: #333;
text-decoration: none;
border-bottom:2px solid #EDEDED;
padding: 2px 10px;
}
#menu ul li a:hover {
width: 100px;
background-color:#D6D6D6;
border-bottom:2px solid #000777;
}
br {
clear: left;
}
-->
</style>
<div id="menu">
<ul>
<li><a href="">Principal</a></li><br>
<li><a href="">Download</a></li><br>
<li><a href="">Artigos</a></li><br>
<li><a href="">Portfolio</a></li><br>
<li><a href="">Contato</a></li><br>
</ul>
</div>
Autor: Renan Schiavinoto
Compartilhe:
oseias em 13/08/2008
legal, legal..
Rafael em 12/06/2008
Gostaria de Receber Materias sobre css
David Tobias Nunes em 05/09/2005
É isso mesmo Claudio Escudero concordo plenamente contigo o IE não precisa declarar um monte de coisas por isso a turma acha que é mais difícil projetar sites em webstandards veja o meu por exemplo estou aos poucos modificando http://www.alphapet.com.br/
Claudio Escudero em 21/07/2005
Não é preciso colocar o , isso nao é defeito do firefox, é defeito do IE.
Para arrumar o CSS, vc teria q fazer o seguinte.
colocar o
list-style-type:none;
no syle #menu ul
e criar um outro style
#menu ul li {
clear: left;
}
e depois retirar o s
2004-2008 Weblivre.net Todos os direitos reservados.
Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco
Idealização: Webla - Comunicação Digital