- quando o visitante clica no item no meu menu (o código vou postar abaixo) desca um submenu!
peço que adaptem em um dos links do código abixo para eu ver o exemplo. Agradeço!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #cac9c9;
}
.style3 {
color: #FFFFFF;
font-weight: bold;
font-size: xx-large;
}
.style4 {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
.menu2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: normal;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #E43342;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<base target="_top">
</head>
<body topmargin="0" leftmargin="0">
<span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">Alunos</font></span>
<p style="word-spacing: 0; margin-top: 0"><span class="style4"><a href="http://">· Boletins</a><br>
<a href="http://">
· Aula de culinária</a><br>
<a href="http://">· Aula de Música</a><br>
<a href="http://">
· Aula de conversação</a><br>
<a href="http://">
· Aula de Filmes</a><br>
<a href="http://">
· Testes de Classificação</a><br>
<a href="http://">
· Testes On-Line</a><br>
<a href="http://">
· TOEIC</a><br>
<a href="http://">
· Tira Dúvidas</a></span><span class="style4"><br>
<a href="http://"> · Phone Call</a><br>
<a href="http://"> · Projetos</a></span><span class="style4"><br>
<a href="javascript:;" onClick="window.open('chat skill.htm','chat','scrollbars=no,width=600,height=535');"><span class="style4">· Chat</span></a><br>
<a href="http://"> · Curiosidades</a><br>
<a href="http://"> · Mural</a><br>
<a href="http://"> · Skill Card</a><br>
<a href="http://"> · Cheque Skill</a><br>
<a href="http://"> · Formandos</a><br>
<a href="http://"> · Biblioteca</a><br>
<a href="http://"> · Exercícios Extras</a><br>
<a href="http://"> · Professor On-Line</a></span></p>
<p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"><span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">A Escola</font></span></p>
<p style="word-spacing: 0; margin: 0"><span class="style4"><a href="escola%20historico.htm" target="_top">· Histórico</a><br>
<a href="escola%20localizacao.htm" target="_top">
· Localização</a><br>
<a href="escola%20estrutura.htm" target="_top">
· Estrutura</a><br>
<a href="http://">
· Coordenadores</a><br>
<a href="http://">
· Professores</a></span></p>
<p><span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">Cursos</font></span><br>
<span class="style4"><a href="cursos%20ingles.htm" target="_top">· Inglês</a><br>
<a href="cursos%20espanhol.htm" target="_top">
· Espanhol</a></span></p>
<p><span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">Matrículas</font></span><span class="style4"><br>
<a href="matriculas%20precos.htm" target="_top">
· Tabela de preços</a><br>
· Promoções </span></p>
<p><span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">Eventos</font></span><br>
<span class="style4"><a href="http://">· Dia - a - Dia na Skill</a><br>
<a href="http://">
· Fotos</a><br>
<a href="http://">
· Vídeos</a></span></p>
<p><span class="style3"><img src="../imagens/seta.jpg" width="12" height="20"><font size="6">Contato</font></span><br>
<span class="style4"><a href="contato%20administracao.htm">· Administração</a><br>
<a href="contato%20secretaria.htm">
· Secretaria</a><br>
<a href="contato%20webmaster.htm" target="_top">
· Webmaster</a></span></p>
<p> <a href="../../index.php"><img src="../imagens/skillbirt.jpg" alt="Home" width="141" height="125" border="0"></a></p>
<div id="Layer1" style="position:absolute; width:60px; height:73px; z-index:1; left: 45px; top: 949px;"><img src="../imagens/selo%20de%20qualidade.jpg" width="61" height="81"></div>
</body>
</html>
OBS. preciso que o submenu tenha o memso visual do menu "original". porém este submenu deve ir para baixo empurrando o resto do menu original para baixo.
