Bem, vou ensinar a fazer um menu horizontal, para colocar de preferência no cabeçalho do blog de vocês!
1. No seu CSS, coloque isso:
#menu ul { padding:0px; margin:0px; float: left; width: 100%; background-color:#EDEDED; list-style:none; font:80% Tahoma; } #menu ul li { display: inline; } #menu ul li a { background-color:#EDEDED; color: #333; text-decoration: none; border-bottom:3px solid #EDEDED; padding: 2px 10px; float:left; } #menu ul li a:hover { background-color:#D6D6D6; color: #6D6D6D; border-bottom:3px solid #EA0000;
2. No lugar onde você quer que apareça o menu, coloque isso aqui:
<div id="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">Sobre</a></li> <li><a href="">Artigos</a></li> <li><a href="">Estudos</a></li> <li><a href="">Diretório</a></li> <li><a href="">CURSO</a></li> <li><a href="">Links</a></li> <li><a href="">Contato</a></li> </ul> </div>
Prontinho! Fácil né?
Obrigada ao Código Fonte.