Comentários sobre: Menu dropDown(Submenu)

Por: David CHC

David CHC — Fri, 11 Nov 2011 12:21:00 +0000

Marlon, eu tenho um tutorial falando sobre isso pode te ajudar :

http://www.davidchc.com.br/tutoriais/css-tutoriais/sub-menu-com-3-niveis-com-css/

Por: Marlon

Marlon — Fri, 11 Nov 2011 12:18:00 +0000

David,
Tenho um menu com 2 niveis de submenu, Exemplo:
Manuais -> Topologias -> SistemaX
nao faço ideia como fazer pro SistemaX aparecer soh qnd o mouse ficar sobre a Topologia do jeito que ta o exemplo que ensinou quado posiciona o mouse no Manuais ja abre todos os filhos inclusive os da Topologia.
Tem como me dar uma luz rs..

Abs e parabens pelo post.

Por: David CHC

David CHC — Wed, 09 Nov 2011 00:59:00 +0000

Vc deve atribuir ao object e o embed um wmode=”transparent”

Por: Ronaldobak

Ronaldobak — Tue, 08 Nov 2011 17:53:00 +0000

Achei bem legal. Estou com um problema semelhante ao do pessoal do slide, que o menu fica por baixo, só que no meu problema eu estou usando um banner em flash e não teve jeito. Usei o Z-index e o problema persistiu. Só funciona na plataforma Mac. Como posso corrigir isso?

Por: David CHC

David CHC — Wed, 28 Sep 2011 11:52:00 +0000

Vc precisa colocar o z-index nos elemento q englobal os dois, exemplo:

http://pastebin.com/6b2PMufd

Aqui é no caso do nav e content

Por: Ewerton Melo

Ewerton Melo — Sat, 24 Sep 2011 17:52:00 +0000

Fala David.
Bom, seria dessa forma aqui???

DIV que contem a o Slide de imagens que mudam a cada 5 segundos…
#divSlideImage{ background-color: #ffffff; position: relative; z-index:0; top: 180px; left: 150px; width: 480px; height: 270px; border-style: solid; border-top-color: 3px; border-right-color: 3px; border-bottom-color: 3px; border-left-color: 3px; border-color: #ffffff; -moz-border-radius:12px; /* Firefox, etc */ -khtml-border-radius:12px; /* Konqueror, etc */ -webkit-border-radius:12px; /* Safari, Google Chrome, etc */ -opera-border-radius:12px; /* Opera */
}

DIV que contém o Dropdown logo acima da #divSlideImage
ul#menu{ width:590px; margin:0 auto; position:relative; z-index:99;}

A DIV que contém o dropdown fica dentro de outra DIV que posiciona a mesma na tela.
#menuSuperior{ background: -moz-linear-gradient(top, #ffffff, #bfbdbd) repeat-X; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bfbdbd)) repeat-X; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#bfbdbd)”; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#bfbdbd); position: absolute; top: 105px; left: 0px; width: 760px; height: 30px; border-top-color: 3px; border-right-color: 3px; border-bottom-color: 3px; border-left-color: 3px; border-color: #ffffff;}

Por: David CHC

David CHC — Sat, 24 Sep 2011 12:13:00 +0000

Vc precisa colocar no elemento q engloba o menu, um position relative, e z-index com valor por exemplo de 1 . E no elemento q engloba esse slide, fazer a mesma coisa, só q coloca o valor de 0 no z-index

Por: David CHC

David CHC — Sat, 04 Jun 2011 17:56:00 +0000

no submenu vc pode colocar z-index:999;

Por: David CHC

David CHC — Sat, 04 Jun 2011 17:46:00 +0000

Vc pode colocar um elemento que engloba o menu com position:relative; z-index:0, e o elemento que engloba o conteudo colocar position:relative, z-index : 1

Por: Anônimo

Anônimo — Sat, 04 Jun 2011 16:41:00 +0000

Olá David,
Excelente video aula.
Estou com um problema no meu menu no IE6 e IE7. Logo abaixo do menu tenho uma outra div que mostra um banner. Quando aparece o sub-menu ele fica debaixo dessa div. Como posso resolver isso. Obrigado