Ir para conteúdo

POWERED BY:

Arquivado

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

Matheus Alves_144494

Erro Menu - Explore 8 !

Por , em Desenvolvimento frontend

Recommended Posts

Matheus Alves_144494    0

Matheus Alves_144494
Postado

Bom formatei um menu bonitinho etc.. , olhei no firefox normal , olhei no google chrome normal , chegou no explore ele ficou assim :erylpj.gif.

 

 

 

 

 

Se alguém souber resolver e me ajudar ficarei grato !

 

 

Códigos Css  :/**UnitedGames Nova Web , www.unitedgunz.com.br**/
body {
background-image:url(images/background.gif);
background-attachment:fixed;
}

#top {
width:100%;
height:40px;
position:absolute;
background:#0f1011;
left:0px;
top:0px
text-align:center;
}

frase {
font-family:"Courier New", Courier, monospace;
font-size:14px;
color:#FF9900;
}

#top2 {
width:100%;
height:158px;
position:absolute;
background-image:url(images/back_top.gif);
left:0px;
top:30px;
}
#top2-div {
width:1000px;
height:158px;
margin:auto;
}

#top2-div-logo {
width:250px;
height:108px;
margin-position:absolute;
margin-top:25px;
margin-left:40px;
background-image:url(images/logo_topo.png);
}

#top-2-div-login {
width:305px;
height:133px;
margin-position:absolute;
margin-top:25px;
float:right;
background-image:url(images/back_form.png);
margin-top:-120px;
}

#menu {
 width:100%;;
 height:30px;
 position:absolute;
 left:0px;
 top:170px;
 background-color:#0066FF;

}

#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:10px;
 font-size:10px;
}

#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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="top"> <marquee> <frase>UnitedGunZ - Boas Vindas ! - 3966-6348 </frase></marquee> </div>
<!--top-->
<div id="top2"> <div id="top2-div"> <div id="top2-div-logo"> </div> <div id="top-2-div-login">               </div> </div> </div>
<!--top2-->
<div id="menu">  
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Registro</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Ranking</a></li>
<li><a href="#">Donator</a></li>
<li><a href="#">Loja</a></li>
 <li><a href="#">Forum</a></li>
 </ul>
</div> </div>
<!--menu-->

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado 

#menu ul {display:inline;}

display:inline

 

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

float:left

 

:bye:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Oderdenge    42

Guilherme Oderdenge
Postado

Remova o display: inline do #menu ul e substitua-o por um float: left.

 

Em seguida, adicione uma nova propriedade:

#menu ul li{
  float: left;
}

 

Abraços! ;)

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