Jump to content


Photo

Menu Javascript


  • Faça o login para participar
16 replies to this topic

#16 Allex Severino

Allex Severino

    Será?!?!?!

  • Usuários
  • 793 posts
  • Sexo:Masculino
  • Localidade:São Luís de Montes Belos - GO

Posted 15/05/2012, 17:26

O ideal para menu é usar ul e li, você usou um sistema que não conheço. Mais seria mais ou menos isso:

#menu-principal dd .submenu { position:absolute; top:55px; width:500px; height:40px; float:left; display:none; }

#menu-principal dd {
    background: url("images/global-nav-bg.gif") repeat-x;
    background-position: 106px 0;
    float:left;
    position:relative;
}

Para o submenu não "arrastar" o menu os itens tem que estar num position relative e o submenu com position absolute.

Se der algum problema poste o site online para eu ver como ficou. Estou fazendo aqui pelo rumo mesmo. Sem ver o funcionamento.

Edição feita por: Allex Severino, 15/05/2012, 17:27.

Meu post lhe ajudou? Clicar no Posted Image é uma das formas de agradecer.

#17 CaptainZap

CaptainZap

    Novato no fórum

  • Usuários
  • 21 posts
  • Sexo:Masculino
  • Localidade:RJ

Posted 21/05/2012, 15:51

O ideal para menu é usar ul e li, você usou um sistema que não conheço. Mais seria mais ou menos isso:

#menu-principal dd .submenu { position:absolute; top:55px; width:500px; height:40px; float:left; display:none; }

#menu-principal dd {
    background: url("images/global-nav-bg.gif") repeat-x;
    background-position: 106px 0;
    float:left;
    position:relative;
}

Para o submenu não "arrastar" o menu os itens tem que estar num position relative e o submenu com position absolute.

Se der algum problema poste o site online para eu ver como ficou. Estou fazendo aqui pelo rumo mesmo. Sem ver o funcionamento.



Amigo, está certinho! Só tem um pequeno defeito agora que acho q eu consigo resolver aqui.
O defeito é que a partir do menu "TRANSPORTE" (e com ele "PUBLICAÇÕES TECNICAS") se houver submenu, fica fora do layout.
Tentei criar mais uma class:
#menu-principal dd .submenu
{
	position:absolute;
	top:35px;
	width:500px;
	height:40px;
	float:left;
	display:none;
}
#menu-principal dd .submenud
{
	position:absolute;
	top:35px;
	width:500px;
	height:40px;
	float:right;
	display:none;
}

só que ele nao aparece com esse float.
obg.

Edição feita por: CaptainZap, 21/05/2012, 15:52.





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq