Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Opa Galera beleza??
To precisando de uma ajudinha...
Estou produzindo um site pra um projeto final de curso e estou com um probleminha aqui na parte do css...É o seguinte, eu quero que o texto do menu horizontal fique alinhado em LEFT e com os separadores centralizados em vertical...ja tentei mudar algumas coisas só que não está dando muito certo.
Aki está o CSS
/MENU/#menu{
height:35px;
background:url(images/menu.jpg) top repeat-x ;
}
#menu ul{
margin:0;
padding:0;
float:left;
list-style:none;
}
#menu ul li{
display:inline;
}
#menu ul li a{
text-decoration:none;
color:#FFF;
font-weight:bold;
font:20px Arial, Helvetica, sans-serif;
text-shadow:1px 1px 3px #333;
float:left;
padding:5px 8px 6px;
}
#menu ul li a:hover{
background:url(images/menu.jpg) bottom repeat-x;
}
#menu ul li img{
float:left;
}
HTML
>
<div id="menu">
<ul>
<li><a href="#">Início</a></li>
<li><img src="images/menu_sp.jpg" alt"" /></li>
<li><a href="#">Empresa</a></li>
<li><img src="images/menu_sp.jpg" alt"" /></li>
<li><a href="#">Nossos Livros</a></li>
<li><img src="images/menu_sp.jpg" alt"" /></li>
<li><a href="#">Nossos Cursos</a></li>
<li><img src="images/menu_sp.jpg" alt"" /></li>
<li><a href="#">Fale Conosco</a></li>
<li><img src="images/menu_spf.jpg" alt"" /></li>
</ul>
</div> <!-- MENU -->
Olhem como está ficando:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i51.tinypic.com/2qar5ll.jpg&key=1c53736b0d974c482edca274ad8d6ce33a71add53f74b7d500a28e8a7de94987" alt="2qar5ll.jpg" />
Os separadores estão ficando grudados na parte de cima do menu, e preciso que eles fiquem no centro-vertical do menu. e também os itens do menu não ficam em Left, e eu preciso pois vou colocar um campinho de pesquisa no lado direito. Eu estou seguindo umas videos aula, e meu código está igual ao da aula, mais ainda continua dando errado. Não sei se vai ajudar, mais de vez em quando eu seguro F5 e o mantenho pressionado no navegador o menu fica do jeito que eu quero...Mais volta quando solto...
Se alguem puder me ajudar ficarei grato...
Obrigado pela atenção!!!
Carregando comentários...