Duvida com submenu
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Duvida com submenu
Olá,
Dúvida :
boa tarde
estou com um problema no submenu do meu site
coloquei um box de login e senha baseado em table e meu sub menu não aparece mais
segue código html (menu e box com login e senha)
<div id="menu">
<ul class="menu">
<li><a href="index.html" class="parent"><span>Home</span></a>
<ul>
<li><a href="#" ><span>Pastor</span></a></li>
<li><a href="#" ><span>I.B.J.R</span></a></li>
</ul>
</li>
<li><a href="ministerios.html"><span>Ministérios</span></a>
<ul>
<li><a href="#" class="parent"><span>Infantil</span></a>
<ul>
<li><a href="cordeirinhos.html"><span>Cordeirinhos de Deus</span></a></li>
<li><a href="joias.html"><span>Jóias de Cristo</span></a></li>
<li><a href="carvalho.html"><span>Carvalho de Justiça</span></a></li>
<li><a href="ferramentas.html"><span>Ferramentas de Cristo</span></a></li>
<li><a href="juniores.html"><span>Juniores</span></a></li>
<li><a href="#"><span>Adolescentes</span></a></li>
</ul>
</li>
<li><a href="ministerios.html" ><span>Nossos Ministérios</span></a></li>
</ul>
</li>
<li><a href="artigos.html" class="parent"><span>Artigos</span></a>
<ul>
<li><a href="artigos.html"><span>Professores - E.B.D</span></a></li> <li><a href="artigos.html"><span>Professores - D.I.J</span></a></li>
<li><a href="galeria.html"><span>Galeria de Fotos</span></a></li>
</ul>
</li>
<li><a href="quemsomos.html"><span>Quem Somos</span></a>
<ul>
<li><a href="sobre.php"><span>Deixe um Recado</span></a></li>
</ul>
</ul>
</li>
<li class="last"><a href="cadastro.php"><span>Cadastre-se</span></a></li>
</ul>
</div>
<div id="conteudo">
<table width="333" border="1px" align="center" cellpadding="0" cellspacing="0" bgcolor="#99CCFF">
<tr>
<td align="center" valign="middle"><table border="0" align="center" cellpadding="0" cellspacing="0" class="separar">
<tr>
<td align="center" valign="middle" class="separar"><p align="left"><font face="Arial, Helvetica, sans-serif" color="#0000CC"><strong>Fazer
login</strong></font></p></td>
</tr>
<tr>
<td align="center" valign="middle"><hr color="blue">
</td>
</tr>
<tr>
<td align="center" valign="middle" class="separar"><form name="form1" method="POST" action="index.html">
<table border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
<td align="right"><font size="3" face="Verdana, Arial, Helvetica, sans-serif" color="#0000CC"><strong>Login:</strong></font></td>
<td align="left"><input name="login" type="text" id="login" size="30" /></td>
</tr>
<tr>
<td align="right"><font size="3" color="#0000CC" face="Verdana, Arial, Helvetica, sans-serif"><strong>Senha:</strong></font></td>
<td align="left"><input name="senha" type="password" id="senha" size="30"></td>
</tr>
<tr>
<td align="right"> </td>
<td align="center">
<input type="submit" name="Submit" value="Entrar" style="width:155px; height:35px;"></td>
</tr>
</table>
<table>
<tr>
<td>
<strong><font size="2" color="#000000">Ainda não é cadastrado?</font> <a href="cadastro.php">Clique aqui!</a></strong>
</td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td align="center" valign="middle" > </td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</div>
---------------------------------------------------------------------------------------------------------------
css do menu e box de login e senha
div#menu {
margin:20px auto;
height:41px;
background:url(../images/main-bg.png) repeat-x;
border: none;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
padding-left: 50px;
}
div#menu li {
position: relative;
z-index: 50;
margin: 0;
padding: 0 5px 5px 0;
display: block;
float: left;
}
div#menu li:hover>ul {
left: -2px;
}
div#menu a {
position: relative;
z-index: 10;
height: 41px;
display: block;
float: left;
line-height: 41px;
text-decoration: none;
font: normal 12px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span { color: #000; }
div#menu li.current a {}
div#menu span {
display: block;
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 0;
}
div#menu ul ul a.parent span {
background-position:95% 8px;
background-image: url(../images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
background-image: url(../images/item-pointer-mover.gif);
}
/* menu::level1 */
div#menu a {
padding: 0 10px 0 10px;
line-height: 30px;
color: #e5e5e5;
}
div#menu span {
margin-top: 5px;
}/**@replace#1*/
div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }
/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
position: absolute;
top: 38px;
left: -999em;
width: 163px;
padding: 5px 0 0 0;
background: rgb(45,45,45);
margin-top:1px;
}
div#menu ul ul a {
padding: 0 0 0 15px;
height: auto;
float: none;
display: block;
line-height: 24px;
color: rgb(169,169,169);
}
div#menu ul ul span {
margin-top: 0;
padding-right: 15px;
_padding-right: 20px;
color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
color: #F3F;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
width: 100%;
}
/* menu::level3 */
div#menu ul ul ul {
padding: 0;
margin: -38px 0 0 163px !important;
margin-left:172px;
}
/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }
/* lava lamp */
div#menu li.back {
background: url(../images/lava.png) no-repeat right -44px !important;
background-image: url(../images/lava.gif);
width: 13px;
height: 44px;
z-index: 10;
position: absolute;
margin: -1px 0 0 -5px;
}
div#menu li.back .left {
background: url(../images/lava.png) no-repeat top left !important;
background-image: url(../images/lava.gif);
height: 44px;
margin-right: 8px;
}
#conteudo {
border: 1px solid red;
float: left;
width: 333px;
padding: 4px;
margin:10px;
margin-right:1px;
margin-top:2px;
word-wrap: break-word;
z-index:1;
}
se alguém puder me ajudar agradeço
Procedimentos que foram tentados para resolver :
coloquei z-index e display: block
Captura de tela (quando necessário) :
Até mais.
Dúvida :
boa tarde
estou com um problema no submenu do meu site
coloquei um box de login e senha baseado em table e meu sub menu não aparece mais
segue código html (menu e box com login e senha)
<div id="menu">
<ul class="menu">
<li><a href="index.html" class="parent"><span>Home</span></a>
<ul>
<li><a href="#" ><span>Pastor</span></a></li>
<li><a href="#" ><span>I.B.J.R</span></a></li>
</ul>
</li>
<li><a href="ministerios.html"><span>Ministérios</span></a>
<ul>
<li><a href="#" class="parent"><span>Infantil</span></a>
<ul>
<li><a href="cordeirinhos.html"><span>Cordeirinhos de Deus</span></a></li>
<li><a href="joias.html"><span>Jóias de Cristo</span></a></li>
<li><a href="carvalho.html"><span>Carvalho de Justiça</span></a></li>
<li><a href="ferramentas.html"><span>Ferramentas de Cristo</span></a></li>
<li><a href="juniores.html"><span>Juniores</span></a></li>
<li><a href="#"><span>Adolescentes</span></a></li>
</ul>
</li>
<li><a href="ministerios.html" ><span>Nossos Ministérios</span></a></li>
</ul>
</li>
<li><a href="artigos.html" class="parent"><span>Artigos</span></a>
<ul>
<li><a href="artigos.html"><span>Professores - E.B.D</span></a></li> <li><a href="artigos.html"><span>Professores - D.I.J</span></a></li>
<li><a href="galeria.html"><span>Galeria de Fotos</span></a></li>
</ul>
</li>
<li><a href="quemsomos.html"><span>Quem Somos</span></a>
<ul>
<li><a href="sobre.php"><span>Deixe um Recado</span></a></li>
</ul>
</ul>
</li>
<li class="last"><a href="cadastro.php"><span>Cadastre-se</span></a></li>
</ul>
</div>
<div id="conteudo">
<table width="333" border="1px" align="center" cellpadding="0" cellspacing="0" bgcolor="#99CCFF">
<tr>
<td align="center" valign="middle"><table border="0" align="center" cellpadding="0" cellspacing="0" class="separar">
<tr>
<td align="center" valign="middle" class="separar"><p align="left"><font face="Arial, Helvetica, sans-serif" color="#0000CC"><strong>Fazer
login</strong></font></p></td>
</tr>
<tr>
<td align="center" valign="middle"><hr color="blue">
</td>
</tr>
<tr>
<td align="center" valign="middle" class="separar"><form name="form1" method="POST" action="index.html">
<table border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
<td align="right"><font size="3" face="Verdana, Arial, Helvetica, sans-serif" color="#0000CC"><strong>Login:</strong></font></td>
<td align="left"><input name="login" type="text" id="login" size="30" /></td>
</tr>
<tr>
<td align="right"><font size="3" color="#0000CC" face="Verdana, Arial, Helvetica, sans-serif"><strong>Senha:</strong></font></td>
<td align="left"><input name="senha" type="password" id="senha" size="30"></td>
</tr>
<tr>
<td align="right"> </td>
<td align="center">
<input type="submit" name="Submit" value="Entrar" style="width:155px; height:35px;"></td>
</tr>
</table>
<table>
<tr>
<td>
<strong><font size="2" color="#000000">Ainda não é cadastrado?</font> <a href="cadastro.php">Clique aqui!</a></strong>
</td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td align="center" valign="middle" > </td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</div>
---------------------------------------------------------------------------------------------------------------
css do menu e box de login e senha
div#menu {
margin:20px auto;
height:41px;
background:url(../images/main-bg.png) repeat-x;
border: none;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
padding-left: 50px;
}
div#menu li {
position: relative;
z-index: 50;
margin: 0;
padding: 0 5px 5px 0;
display: block;
float: left;
}
div#menu li:hover>ul {
left: -2px;
}
div#menu a {
position: relative;
z-index: 10;
height: 41px;
display: block;
float: left;
line-height: 41px;
text-decoration: none;
font: normal 12px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span { color: #000; }
div#menu li.current a {}
div#menu span {
display: block;
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 0;
}
div#menu ul ul a.parent span {
background-position:95% 8px;
background-image: url(../images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
background-image: url(../images/item-pointer-mover.gif);
}
/* menu::level1 */
div#menu a {
padding: 0 10px 0 10px;
line-height: 30px;
color: #e5e5e5;
}
div#menu span {
margin-top: 5px;
}/**@replace#1*/
div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }
/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
position: absolute;
top: 38px;
left: -999em;
width: 163px;
padding: 5px 0 0 0;
background: rgb(45,45,45);
margin-top:1px;
}
div#menu ul ul a {
padding: 0 0 0 15px;
height: auto;
float: none;
display: block;
line-height: 24px;
color: rgb(169,169,169);
}
div#menu ul ul span {
margin-top: 0;
padding-right: 15px;
_padding-right: 20px;
color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
color: #F3F;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
width: 100%;
}
/* menu::level3 */
div#menu ul ul ul {
padding: 0;
margin: -38px 0 0 163px !important;
margin-left:172px;
}
/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }
/* lava lamp */
div#menu li.back {
background: url(../images/lava.png) no-repeat right -44px !important;
background-image: url(../images/lava.gif);
width: 13px;
height: 44px;
z-index: 10;
position: absolute;
margin: -1px 0 0 -5px;
}
div#menu li.back .left {
background: url(../images/lava.png) no-repeat top left !important;
background-image: url(../images/lava.gif);
height: 44px;
margin-right: 8px;
}
#conteudo {
border: 1px solid red;
float: left;
width: 333px;
padding: 4px;
margin:10px;
margin-right:1px;
margin-top:2px;
word-wrap: break-word;
z-index:1;
}
se alguém puder me ajudar agradeço
Procedimentos que foram tentados para resolver :
coloquei z-index e display: block
Captura de tela (quando necessário) :
Até mais.
Re: Duvida com submenu
Olá,
onde colocou o código? Tentou em página HTML? Fez o teste em um bloco de notas antes? Informe o URL do seu fórum por favor.
onde colocou o código? Tentou em página HTML? Fez o teste em um bloco de notas antes? Informe o URL do seu fórum por favor.
Tópicos semelhantes
» Submenu personalizado
» Submenu personalizados em Dropdown
» Submenu - como colocar ?
» Submenu de mensagens privadas
» Duvida----
» Submenu personalizados em Dropdown
» Submenu - como colocar ?
» Submenu de mensagens privadas
» Duvida----
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos