Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Matheus Alves_144494

[Resolvido] Problema - Menu !

Por , em Desenvolvimento frontend

Recommended Posts

Matheus Alves_144494    0

Matheus Alves_144494
Postado

Bom estava desenvolvendo um menu etc.. , quando terminei fui visualizar ele ficou assim .

 

b4sx0l.gif

 

 

Como resolver ? obrigado

 

 

Códigos Css :


#menu {
 width:1000x;
}

#menu ul {list-style:none;}

#menu ul {display:inline;}

#menu ul li a {
 font-family:Verdana, Geneva, sans-serif;
 color:#000000;
 text-decoration:none;
 float:left;
 padding:5px;
 margin-left:1px;
}

#menu ul li a:hover {
 color:#006699;
}





Códigos HTML :


<!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>

<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="menu">
<ul>
<li><a href="#">Incio</a></li>
<li><a href="#">Cardápio</a></li>
<li><a href="#">Programação</a></li>
<li><a href="#">Localização</a></li>
<li><a href="#">Atrações</a></li>
</ul>
</div>








</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

Sei que foi resolvido, mas existe no chrome o problema da flutuação de menu. Isso se resolve definindo o line-height do menu. Eu recomendo definir o line-height com a altura que tu deseja do link. Eu vi ali no teu css.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito