Fórum float invertendo elementos. #498298
18/10/2014
0
Boa tarde.
Estou montando um layout, onde foi criada uma lista para menu, usei float:right, porém, quando declarado, os elementos da lista foram invertidos.
-----------------------------------------------------------------------------------
<ul>
<li>Home</li>
<li>A DivFox</li>
<li>Vantagens
<ul>
<li>Qualidade de vida</li>
<li>Segurança</li>
<li>Redução de Gastos</li>
</ul>
</li>
<li>Projetos</li>
<li>Depoimentos</li>
<li>Parceiros</li>
<li>Fale conosco</li>
</ul>
--------------------------------------------------------------------------
}
.menu ul li{
float:left; /* INSTRUÇÃO QUE DEU ORIGEM A INVERSÃO DOS ELEMENTOS DA UL */
width:100px;
height:10px;
padding:10px 20px;
border:1px solid black;
cursor:pointer;
position:relative;
text-align:center;
}
.menu ul li ul{
position: absolute;
top:30px;
left:-830px;
}
.menu ul li ul li{
width: 1750px;
display:block;
color:green;
}
Estou montando um layout, onde foi criada uma lista para menu, usei float:right, porém, quando declarado, os elementos da lista foram invertidos.
-----------------------------------------------------------------------------------
<ul>
<li>Home</li>
<li>A DivFox</li>
<li>Vantagens
<ul>
<li>Qualidade de vida</li>
<li>Segurança</li>
<li>Redução de Gastos</li>
</ul>
</li>
<li>Projetos</li>
<li>Depoimentos</li>
<li>Parceiros</li>
<li>Fale conosco</li>
</ul>
--------------------------------------------------------------------------
}
.menu ul li{
float:left; /* INSTRUÇÃO QUE DEU ORIGEM A INVERSÃO DOS ELEMENTOS DA UL */
width:100px;
height:10px;
padding:10px 20px;
border:1px solid black;
cursor:pointer;
position:relative;
text-align:center;
}
.menu ul li ul{
position: absolute;
top:30px;
left:-830px;
}
.menu ul li ul li{
width: 1750px;
display:block;
color:green;
}
Pedro Gontijo
Curtir tópico
+ 1
Responder
Clique aqui para fazer login e interagir na Comunidade :)