Posicionamento do menu
Bom dia.
Sou iniciante no desenvolvimento de sites e estou lutando para deixar o menu centralizando entre a imagem da logo.
Segue abaixo como gostaria que ficasse o menu:
http://uploaddeimagens.com.br/imagens/layout_r16-png
HTML:
<body>
<div id="topo">
<div id="logo">
<a href="index.html"><img src="img/fundologo.png" alt="logo"></a>
</div>
<div id="menuleft">
<a href="#">PORTIFÓLIO</a>
<a href="#">SERVIÇOS</a>
</div>
<div id="menuright">
<a href="#">CLIENTES</a>
<a href="index.html">SOBRE</a>
</div>
</div>CSS:
#topo{
width:100%;
height:70px;
background-image:url(img/topo.png);
position:fixed;
}
#logo{
width:auto;
height:30px;
text-align:center;
}
#menuleft{
width:auto;
height:auto;
float:left;
margin-left:35%;
}#menuleft a{
font-family:Lato;
font-size:10px;
color:#000;
text-decoration:none;
margin-left:30px;
float:left;
}#menuleft a:hover{
color:#2C4F72;
}#menuleft a:active{
color:#2C4F72;
font-weight:bold;
}
#menuright{
width:auto;
height:auto;
margin-left:53%;
}#menuright a{
font-family:Lato;
font-size:10px;
color:#000;
text-decoration:none;
margin-left:30px;
}#menuright a:hover{
color:#2C4F72;
}Desde já, obrigada
Discussão (5)
Carregando comentários...