Ir para conteúdo

POWERED BY:

Arquivado

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

trafa

menu ajustável

Por , em Desenvolvimento frontend

Recommended Posts

trafa    0

trafa
Postado

Olá pessoal, estou quebrando a cabeça aqui e não sei mais oq fazer...

 

Entra aqui.

 

Clique aqui - <a href="http://www.rafaeltrafaniuc.com/minhacompra/eco00028/home.html" target="_blank">http://www.rafaeltrafaniuc.com/minhacompra...00028/home.html</a>

 

Eu gostaria que os espaçamentos entre os menus se auto ajustasse com a resolução....a princípio esta funcionando...mas se diminuir muito a janela acontece um quebra e joga o menu la para baixo....meu css ta assim:

 

Meu css ta assim:

 

body {

margin: 0px;

}

#Borda_GERAL_01 {

width: 100%;

}

#Backgorund_Topo_02 {

background-image: url(../imagens/topo/fundo_topo.jpg);

background-repeat: repeat-x;

height: 219px;

}

#Menu_Cima_03 {

width: 100%;

}

 

.menu_cima {

padding-left: 3%;

padding-top: 1px;

padding-right: 2%;

}

meu html ta ssim:

 

<body>

<div id="Borda_GERAL_01">

 

<div id="Backgorund_Topo_02">

 

<div id="Menu_Cima_03">

<img src="imagens/topo/home.jpg" alt="home" width="34" height="22" class="menu_cima" />

<img src="imagens/topo/empresa.jpg" alt="empresa" width="49" height="22" class="menu_cima" /><img src= "imagens/topo/comocomprar.jpg" alt="como comprar" width="77" height="22" class="menu_cima" /><img src="imagens/topo/pagamentoenvio.jpg" alt="pagamento e envio" width="98" height="22" class="menu_cima" />

<img src="imagens/topo/seguranca.jpg" alt="segurança" width="60" height="22" class="menu_cima" />

<img src="imagens/topo/garantia.jpg" alt="garantia" width="52" height="22" class="menu_cima" />

<img src="imagens/topo/clientes.jpg" alt="clientes" width="50" height="22" class="menu_cima" />

<img src="imagens/topo/imprensa.jpg" alt="imprensa" width="54" height="22" class="menu_cima" />

<img src="imagens/topo/cadastro.jpg" alt="cadastro" width="51" height="22" class="menu_cima" /><img src= "imagens/topo/faleconosco.jpg" alt="fale conosco" width="72" height="22" class="menu_cima" />

 

 

</div>

<!-- FECHA DIV 03 -->

 

<!-- FECHA DIV 02 -->

</div>

<!-- FECHA DIV 01 -->

</div>

Por favor me ajudemmmmm!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Bitencourt    0

Ronaldo Bitencourt
Postado

trafa utilize assim no seu CSS

 

CODE
body {

margin: 0px;

}

#Borda_GERAL_01 {

width: 100%;

}

#Backgorund_Topo_02 {

background-image: url(http://www.rafaeltrafaniuc.com/minhacompra/eco00028/imagens/topo/fundo_topo.jpg);

background-repeat: repeat-x;

height: 219px;

}

#Menu_Cima_03{ text-align:center; }

 

.menu_cima {

margin-left: 3%;

margin-top: 1px;

}

 

é logico q vai chergar uma determinada largura q as imagens vão quebrar a linha porque serão maiores q a largura da jenela

mas acho que isso resolve teu problema !!

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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