Fórum Contato
  
   O portal do desenvolvedor ASP Segunda-feira - 14 de Junho de 2021  
Busca

Menu do site
Efetuar Login
Usuário:

Senha:

 Esqueceu a senha?
Login automático

 Cadastre-se
 Fóruns   Meu cadastro   Meu perfil   Ranking de usuários 

 FórumProgramaçãoHTML Responder mensagem 

 Frames x Menu Atualizado em 23/10/2006 ás 16:16:00

Postado em 23/10/2006 ás 12:58:00

Bom-dia!


Estou com problemas nos frames que utilizo juntamente com um menu que desenvolvi... Bom, toda vez que vou utilizar um item do submenu não consigo enxerga-lo, o frame conteudo fica como se fosse por cima, a imagem do submenu fica por trás... Alguém pode dar alguma sugestão neste caso?



Postado em 23/10/2006 ás 16:16:00

acfelipesilva, eu fiz um menu com frames ele funciona tanto na horizontal quanto na vertical, com umas pequenas modificações, de uma olhada no site www.crc-es.org.br

====================================
Eu TRABALHO com Desenvolvimento WEB, e não posso parar uma tarde inteira pra ajudar. Mas orçamentos são bem vindos!!!

Topo

Postado em 23/10/2006 ás 15:56:00

olá, pq vc não usa Iframe, eu acho que facilita em casos de submenus.


 


Abs.;



Topo

Postado em 23/10/2006 ás 14:04:00

Gente,


Vou acrescentar o código que estou usando para gerar o menu... Talvez ajudem vcs a resolver este "drama"... Só para enfativar já visitei outros fóruns e ninguém soube responder nada... Este meu menu abre na horizontal, com sub-menus na vertical, aí tá a bronca pois quando abro os submenus na vertical eles ficam por trás do frame conteudo... Tem como este menu ficasse transparente ou passando por cima do frame conteudo?


Grato a todos que poderem ajudar....


Este é o CSS que estou utilizando...


<style type="text/css" >


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 1 none;
  padding: 0;
  width: 800px; /*TAMANHO MENU*/
  list-style: none;
  height: 24px;
}


ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}


ul#navmenu ul {
 margin: 0;
 border: 0 none;
 padding: 0;
 width: 136px;
 list-style: none;
 display: none;
 position: absolute;
 top: 24px;
 left: 0;
 visibility: visible;
}


ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}


/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: gray;
  color: white;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  width: 136px; /*TAMANHO CADA BOTÃO*/
   }


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #8F8FBD;
  color: white;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: gray;
  color: white;
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #8F8FBD;
  color: white;
}


/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: gray;
  color: white;
}


/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #8F8FBD;
  color: white;
}


/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: gray;
  color: white;
}


/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #8F8FBD;
  color: white;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 82px; /* Posicionamento do menu - sub-menu */
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}


ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
body {
 background-image: url();
 background-color: #D8D9D3;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
.style9 {
 color: #525B58;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}
</style>
<!--[if gte IE 5.5]>
<script language="JavaScript" src="dhtml.js" type="text/JavaScript"></script>
<![endif]-->


Este é o código java ...


navHover = function() {
 var lis = document.getElementById("navmenu").getElementsByTagName("LI");
 for (var i=0; i<lis.length; i++) {
  lis[i].onmouseover=function() {
   this.className+=" iehover";
  }
  lis[i].onmouseout=function() {
   this.className=this.className.replace(new RegExp(" iehover\\b"), "");
  }
 }
}
if (window.attachEvent) window.attachEvent("onload", navHover);



Topo


Exibindo página 1 de 1 encontradas
SuperASP do Brasil Ltda - contato@superasp.com.br

© 2001/2008 - Superasp do Brasil Ltda. Todos os direitos reservados