Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia amigos,
Estou com um problema meio antigo já e creio que alguns já devem conhecer.
Tenho uma página que consiste basicamente em uma barra horizontal com menus drop down e um iframe logo abaixo em que são carregados os conteúdos.
Os códigos são esses:
INDEX.HTM
<html>
<head>
<title>Portal</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script src="script/script.js"></script>
</head>
<body>
<!--logomarca-->
<a href="index.htm"><img id="logo" src="img/logo.png" border=0></a>
<!--frame de conteudo-->
<iframe name="conteudo" id="conteudo" width="100%" height="80%" src="introducao.htm"></iframe>
<!--tabela usada como menu-->
<table class="menu" name="menu">
<tr>
<td onmouseover="showmenu('indicmovel')" onmouseout="hidemenu('indicmovel')" width="20%">
Paginas HTML<br/>
<!--TABELA DE SUBMENU-->
<table class="submenu" id="indicmovel" width="190">
<tr><td class="menu">
<a href="construcao.htm" target="conteudo">Pagina 1</a>
</td></tr>
<tr><td class="menu">
<a href="construcao.htm" target="conteudo">Pagina 2</a>
</td></tr>
</td></tr>
</table>
</td>
<td onmouseover="showmenu('resultados')" onmouseout="hidemenu('resultados')" width="20%">
Apresentaçães<br/>
<!--TABELA DE SUBMENU-->
<table class="submenu" id="resultados" width="190">
<tr><td class="menu">
<a href="include/apresentacoes/index.html" target="conteudo">DBA Chuck Norris</a>
</td></tr>
<tr><td class="menu">
<a href="include/apresentacoes/index.pdf" target="conteudo">Apresentação pdf</a>
</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>//FUNÇÕES PARA MOSTRAR E ESCONDER SUBMENUS
function showmenu(elemento)
{
//document.getElementById(elemento).style.visibility="visible";
document.getElementById(elemento).style.display="block";
}
function hidemenu(elemento) //document.getElementById(elemento).style.visibility="hidden";
document.getElementById(elemento).style.display="none";
}body{
font-family: arial;
background: #FFFFFF url("../img/background.png") repeat-x;
}
#logo{
position: absolute;
width: 100%;
height:85;
left:10;
top:0;
}table.menu{
position: absolute;
left: 10px;
top: 85px;
width: 100%;
text-transform: uppercase;
font-size: small;
}td{
background: url("../img/menu1.png");
font-size: small;
text-transform: uppercase;
}td:hover{
background-color: green;
background: url("../img/menu2.png");
color: grey;
}//ESTILO APLICADO ÀS TABELAS DE SUBMENUS
table.submenu{
display: none;
position: absolute;
font-size: small;
z-index: 3;
}td.submenu{
position: relative;
}iframe{
position: absolute;
left: 10px;
top: 107px;
width: 100%;
background-color: silver;
}a{
font-family: arial, verdana;
font-weight: normal;
color: #555555;
}Notem que as páginas html aparecem normalmente atrás do submenu, mas as apresentações em flash e pdf aparecem na frente do submenu. Esse é meu grande problema, alguém sabe como posso resolver isso?
valeu!!! http://forum.imasters.com.br/public/style_emoticons/default/natal_laugh.gif
Carregando comentários...