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!!!
>
qual o doctype você esta usando?
doctype? Já me ensinou algo que não sabia..rsrsrs
Acho q deve ser isso:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />Não sei se tem algo haver, Mais eu estou usando o Dreamweaver CS5 e o da aula é CS4...
Pessoal consegui aqui...
Agora eu to precisando de ajuda pra centralizar os separadores na vertical dentro do menu...Eles estão na parte de cima...
Obrigado pela atenção,
Desculpa aew gente..Mais ja consegui resolver os dois problemas...O engraçado é que fiquei um dia inteiro...daí dei um tempo...e agora pouco fui mexer e consegui rapidim....
qual o doctype você esta usando?