Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, to sofrendo pra montar o cabeçalho de uma página aqui e queria ver se existe algum método mais simples.
No cabeçalho eu tenho uma div principal, que ocupa toda a largura da página, e dentro dessa DIV uma logomarca bem a esquerda e após isso eu tenho 3 DIVs menores para posicionar os links do cabeçalho.
Porém, para que as mesmas fiquem lado a lado eu estou informando manualmente a posição de cada uma, direto na página.
Isso vai me tomar muito tempo em futuras manutenções, como por exemplo adicionar ou remover um link de lá.
Tem alguam maneira mais simples de posicionar elas?
Segue a forma como estou fazendo:
Esse é o código inserido na pagina mesmo.
<div class="div_cabec"><img src="../images/imagem.jpg" width="190" height="53" />
<div class="div_clinks">link</div>
<div class="div_clinks" style="margin-top:-60px; margin-left:365px;">link2</div>
<div class="div_clinks" style="margin-top:-60px; margin-left:522px">link3</div>
</div>
E aqui o código do estilo "div_clinks"
.div_clinks{
width:150px;
height:60px;
text-align:center;
margin-top:-54px;
margin-left:208px;
line-height:50px;
}
Tem como simplificar via CSS de forma às DIVs se auto-ajustarem naquele espaço sem precisar informar a posição delas uma a uma?
Carregando comentários...