1 reply to this topic

[Petry]

dai pessoal... seguinte o designer me passou um layout pra um implementar no site... bom tava fazendo o layout bunitinho usando o fireworks dai qdo tava + ou - encaminhado, fui ver como ele se comportava no IE.. pra variar detono todo ele...

queria que vcs me desse uma ajuda pra pelo menos deixar parecido com o layout do designer... a foto do layout tah anexada, os códigos CSS e o html tah abaixo!

#menusuperior{
background-color: #E7E7E7;
border-top:10px solid #F3F3F3;
border-bottom:10px solid #F3F3F3;
height: 30px;

}
#menusuperior ul{
margin-top:0px;
border-bottom:1px solid #C6C6C6;
border-top:1px solid #C6C6C6;
height:100%;
}
#menusuperior li{
padding-bottom: 5px;
display: inline;
border-bottom:0px;
border-top:0px;
border-right:1px solid #C6C6C6;
vertical-align: middle;
font-size: 11px;
color: #003399;
text-align:center;
padding-left: 20px;
padding-right: 20px;
}
#menusuperior li:hover{
color: #CC0000;
font-weight:bold;
}

<div metal:define-macro="menubar" id="menusuperior">
<ul>
<li>
&nbsp;
</li>
<li>
Login
</li>
<li>
Ajuda
</li>
<li>
Segurança
</li>
<li>
Resultados Anteriores
</li>
<li>
Formulários do aluno
</li>
</ul>
</div>

Obrigado!

Edição feita por: MxDxPx, 18/08/2006, 19:30.

[Perroud]

position, float, clear, margin, padding.

Pode arrumar.