Ir para conteúdo

Arquivado

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

jessicarsb

Posicionamento do menu

Por , em Desenvolvimento frontend

Recommended Posts

jessicarsb    0

jessicarsb
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apenas Eu    13

Apenas Eu
Postado

Olá! Tudo bem?

 

Mas como está o seu layout? Este do link acima não é o seu né? Tem como nos mostrar o link ou a imagem do seu projeto?

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