Duvida com submenu

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Duvida com submenu

Mensagem por deivis0316 20.09.10 16:42

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) :
Duvida com submenu Space

Até mais.
deivis0316

deivis0316
Novo Membro

Membro desde : 20/09/2010
Mensagens : 1
Pontos : 3

http://www.dij.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duvida com submenu

Mensagem por Dury 21.09.10 18:50

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.
Duvida com submenu 274593
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos