Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

28-02-2012 18:18

Olá, achei esse menu e copiei o codigo http://cssmenu.webmaster.pt
A minha pergunta é, o que preciso modificar no CSS para que o ele possa ser exibido sob qualquer div.
Veja: Imagem

Essa barra azul é uma div fixa é exibida quando a pessoa faz o login.

Esse é o CSS do menu:
<style type="text/css"> @charset "utf-8"; /* CSS Document */ /*----------------------RESET--------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; outline: none;} body{line-height:1; font-size:62.5%; background:#fff; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/ h1, h2, h3, h4, h5, h6{font-size:100%;} /*----------------------RESET--------------------*/ h1{font:bold 5em Arial, Helvetica, sans-serif; text-align:center; margin:30px 0 0 0; background:#333; color:#fff; padding:10px; letter-spacing:-0.07em; text-shadow:0px 0px 5px #eaeaea; } .menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; } .menu li{position:relative; float:left; border-right:1px solid #c0c0c0;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; } .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;} body {behavior:url(csshover.htc); } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style>



Agradeço pela ajuda.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

28-02-2012 19:38

Eu fiz um teste aqui. Abre uma div

<div style="display:block;"> coloca o html do menu aqui, sem o css </div>

Com esse teste ai eu coloquei uma div por baixo e o menu já ficou por cima.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

28-02-2012 20:43

Posso ter feito algo de errado, mas não consegui.
Por favor, veja meu codigo simpliificado.

<style type="text/css"> @charset "utf-8"; /* CSS Document */ /*----------------------RESET--------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; outline: none;} body{line-height:1; font-size:62.5%; background:#fff; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/ h1, h2, h3, h4, h5, h6{font-size:100%;} /*----------------------RESET--------------------*/ h1{font:bold 5em Arial, Helvetica, sans-serif; text-align:center; margin:30px 0 0 0; background:#333; color:#fff; padding:10px; letter-spacing:-0.07em; text-shadow:0px 0px 5px #eaeaea; } .menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; } .menu li{position:relative; float:left; border-right:1px solid #c0c0c0;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; } .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;} body {behavior:url(csshover.htc); } #BarraFixa { background-image:url(../images/fundo_barra_fixa.png); background-repeat:repeat-x; top:0; display:block; position:fixed; z-index:1000; width: 100%; height:40px; border:none; color:#666666; box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; -khtml-box-shadow:0 0 10px #333; border-top:2px solid #9A9A9A\9; overflow:hidden; line-height:1; /* Hacks for IE */ _display:none; /****************/ } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style> <div id="BarraFixa"> <ul class="menu"> <li><a href="#" title="Inicial">Inicial</a></li> <li><a href="#" title="Sobre">Sobre</a></li> <li><a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a> </li> </ul> </li> <li><a href="#" title="Porftolio">Portfolio</a></li> <li class="border0"><a href="#" title="Contato">Contato</a></li> </ul> </div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

28-02-2012 20:46

Seu submenu não funcionou aqui. Testa ai com esse código

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu Drop Drown CSS</title> <style type="text/css"> @charset "utf-8"; /* CSS Document */ /*----------------------RESET--------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; outline: none;} body{line-height:1; font-size:62.5%; background:#fff; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/ h1, h2, h3, h4, h5, h6{font-size:100%;} /*----------------------RESET--------------------*/ h1{font:bold 5em Arial, Helvetica, sans-serif; text-align:center; margin:30px 0 0 0; background:#333; color:#fff; padding:10px; letter-spacing:-0.07em; text-shadow:0px 0px 5px #eaeaea; } .menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; } .menu li{position:relative; float:left; border-right:1px solid #c0c0c0;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; } .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;} body {behavior:url(csshover.htc); } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style> </head> <body> <h1>Menu Drop Down com CSS</h1> <div style="display:block;"> <ul class="menu"> <li><a href="#" title="Inicial">Inicial</a></li> <li><a href="#" title="Sobre">Sobre</a></li> <li><a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a> </li> </ul> </li> <li><a href="#" title="Porftolio">Portfolio</a></li> <li class="border0"><a href="#" title="Contato">Contato</a></li> </ul> </div> <br /><br /><br /><br /> <div style="background-color:blue;">abc</div> </body> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

28-02-2012 20:55

Da uma olhada nesse meu código, atualiza o seu e ira ver como estou vendo. No CSS procure por BarraFixa ele é o responssável por fixar a barra no topo.
Obrigado.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> @charset "utf-8"; /* CSS Document */ /*----------------------RESET--------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; outline: none;} body{line-height:1; font-size:62.5%; background:#fff; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/ h1, h2, h3, h4, h5, h6{font-size:100%;} /*----------------------RESET--------------------*/ h1{font:bold 5em Arial, Helvetica, sans-serif; text-align:center; margin:30px 0 0 0; background:#333; color:#fff; padding:10px; letter-spacing:-0.07em; text-shadow:0px 0px 5px #eaeaea; } .menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; } .menu li{position:relative; float:left; border-right:1px solid #c0c0c0;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; } .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;} body {behavior:url(csshover.htc); } #BarraFixa { background-image:url(../images/fundo_barra_fixa.png); background-repeat:repeat-x; top:0; display:block; position:fixed; z-index:1000; width: 100%; height:40px; border:none; color:#666666; box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; -khtml-box-shadow:0 0 10px #333; border-top:2px solid #9A9A9A\9; overflow:hidden; line-height:1; /* Hacks for IE */ _display:none; /****************/ } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style> </head> <body> <div id="BarraFixa"> <ul class="menu"> <li><a href="#" title="Inicial">Inicial</a></li> <li><a href="#" title="Sobre">Sobre</a></li> <li><a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a> </li> </ul> </li> <li><a href="#" title="Porftolio">Portfolio</a></li> <li class="border0"><a href="#" title="Contato">Contato</a></li> </ul> </div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

28-02-2012 21:16

Mas no seu exemplo não sei o que aconteceu que o submenu sumiu. Você falou que o menu tinha que ficar sobre a div. No meu exemplo está. Você tem que observar que o menu fica em uma div, e seu conteúdo fica fora. Ai como no meu exemplo funciona.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

28-02-2012 21:21

é isso mesmo, eu confundi a ordem...rsrs
Vc não tem nem ideia do que fazer?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

28-02-2012 21:22

Não sei o que você quer fazer exatamente. Postei um exemplo do código do menu funcionando sobre uma div, acho que você não testou.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 13:03

Amigo, estou conseguindo fazer como preciso, mas não sei como esconder os subniveis, gostaria de esconder até que seja posto o mouse sobre eles. Atualmente ele mostra tudo.
Veja por favor:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> @charset "utf-8"; /* CSS Document */ .menu{list-style:none; margin:2px 0 0 400px; float:left;} .menu li{position:relative; float:left; background-color: #FFF;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:10px 20px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff;} .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; margin: 0; padding: 0; outline: none; border:1px solid #2492FF;} .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border-bottom:1px solid #2492FF; display:block; width:200px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:200px; background:#eaeaea;} /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ #BarraFixa { background-image:url(../images/fundo_barra_fixa.png); background-repeat:repeat-x; top:0; display:block; position:fixed; z-index:1000; width: 100%; height:40px; color:#666666; box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; -khtml-box-shadow:0 0 10px #333; border-top:2px solid #9A9A9A\9; overflow: visible; line-height:1; /* Hacks for IE */ _display:none; /****************/ } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style> </head> <body> <div id="BarraFixa"> <ul class="menu"> <li><a href="#" title="Porftolio">Menu</a> <ul> <li><a href="#">SubNivel 1 &raquo;</a> <ul> <li><a href="#">SubNivel 2 &raquo;</a> <ul> <li><a href="#">SubNivel 3 &raquo;</a> <ul> <li><a href="#">SubNivel 4 &raquo;</a> </li> </ul> </li> </ul> </li> </ul> </li> <li><a href="#">SunNivel 1</a></li> </ul> </li></ul></div> </div> </body> </html>

0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 16:10

poderia ajudar?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

29-02-2012 16:19

O exemplo original, postado no link que você baixou o menu. Funciona correto ai os submenus?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 16:27

Sim funciona, mas precisei adicionar mais submenus e os que adicionei aparecem antes de passar o mouse sobre.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

29-02-2012 16:37

Faz o seguinte, a partir do menu original, procura essa linha:

<li><a href="#" title="Porftolio">Portfolio</a></li>

Acima dessa linha coloca o seguinte:

<li> <a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a></li> </ul> </li>

Com isso você vai ter duas opções de Serviços, uma identica a outra. Ai é só alterar para o que deseja.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 16:46

Entendido até ai, mas agora dentro do CSS adiciona um submenu, vai ver que ele aparece antes da hora.

VEja:
<li> <a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a> <ul> <li><a href="#">Novosub &raquo;</a> <ul> <li><a href="#">Novosub </a></li> </ul> </li> </ul> </li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

29-02-2012 16:57

Não precisa mecher em nada no CSS. O menu é baseado em li e ul.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 17:05

Mas você viu que os submenu que adicionei eles aparecem antes de passar o mause sobre?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

29-02-2012 17:06

Testa o exemplo que montei

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu Drop Drown CSS</title> <style type="text/css"> @charset "utf-8"; /* CSS Document */ /*----------------------RESET--------------------*/ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; outline: none;} body{line-height:1; font-size:62.5%; background:#fff; font-family:Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/ h1, h2, h3, h4, h5, h6{font-size:100%;} /*----------------------RESET--------------------*/ h1{font:bold 5em Arial, Helvetica, sans-serif; text-align:center; margin:30px 0 0 0; background:#333; color:#fff; padding:10px; letter-spacing:-0.07em; text-shadow:0px 0px 5px #eaeaea; } .menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; } .menu li{position:relative; float:left; border-right:1px solid #c0c0c0;} .menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;} .menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; } .menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; } .menu li:hover ul ul{display:none;} .menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;} .menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;} li.border0{border:0;} .menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;} body {behavior:url(csshover.htc); } /*Fix IE. Hide from IE Mac\*/ * html .menu {margin-left:175px; } /*End*/ </style> </head> <body> <h1>Menu Drop Down com CSS</h1> <div style="display:block;"> <ul class="menu"> <li><a href="#" title="Inicial">Inicial</a></li> <li><a href="#" title="Sobre">Sobre</a></li> <li> <a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a></li> </ul> </li> <li> <a href="#" title="Servi&ccedil;os">Servi&ccedil;os</a> <ul> <li><a href="#" title="Web design">Web Design &raquo;</a> <ul> <li><a href="#" title="CSS">CSS</a></li> <li><a href="#" title="XHTML">XHTML</a></li> </ul> </li> <li><a href="#" title="Web master">Web Master</a></li> <li><a href="#" title="SEO">SEO</a></li> <li><a href="#" title="Design gr&aacute;fico">Design Gr&aacute;fico</a></li> </ul> </li> <li><a href="#" title="Porftolio">Portfolio</a></li> <li class="border0"><a href="#" title="Contato">Contato</a></li> </ul> </div> <br /><br /><br /><br /> <div style="background-color:blue;">abc</div> </body> </html>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

29-02-2012 17:16

Amigão, funciona mas nesse mesmo seu adicioma mais alguns niveis de submeu.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

29-02-2012 17:17

Em qual dos menus?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 216

Menu, exibir sob qualquer div

01-03-2012 06:54

Bom dia,
Adicione depois do menu CSS e depois add mais outro submenu. Vai ver que esses que estou pedindo para adicionar iram aparecer antes de colocar o mouser sobre o submenu CSS.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17513
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu, exibir sob qualquer div

01-03-2012 08:18

Para trabalhar com esse tipo de menu, você tem que saber trabalhar com li e ul. Para ver o que é o menu e o que é o submenu.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado