Foros del Web » Creando para Internet » CSS »

problema con menu

Estas en el tema de problema con menu en el foro de CSS en Foros del Web. buenas a todos, quiero que me ayuden, tengo un problema con el menu, quiero que al posar el mouse sobre el menu, este me despliegue ...
  #1 (permalink)  
Antiguo 04/02/2009, 16:00
 
Fecha de Ingreso: noviembre-2007
Mensajes: 237
Antigüedad: 10 años, 1 mes
Puntos: 4
problema con menu

buenas a todos, quiero que me ayuden, tengo un problema con el menu, quiero que al posar el mouse sobre el menu, este me despliegue los menus abajo y no al lado como me esta saliendo ami, antes probe con este codigo y funciona bien, y en Firefox = funciona, espero su ayuda, gracias

estilo.css

Código PHP:
#menu_superior
{
background-color:#CCCCCC;
position:absolute;
top:15px;
right:100px;
left:10px;
bottom:505px;
}

#menu_lateral
{
background:#CCCCCC;
position:absolute;
top:100px;
left:10px;
right:820px;
bottom:50px;
}

#contenedor
{
background:#CCCCCC;
position:absolute;
top:100px;
left:220px;
right:100px;
bottom:50px;
}

ul{
padding:0;
margin:0;
list-
style:none;
}

#menu_superior li
{
float:left;
list-
style:none;
position:relative;
width:6em;
}

li ul
{
display:none;
position:absolute;
top:1em;
left:0;
}

li ul
{
top:auto;
left:auto;
}

li:hover ulli.over ul
{
displayblock;

Principal.php

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Pagina Principal</title>
<
link rel="stylesheet" type="text/css" href="estilo.css" />
<
script type="text/javascript" src="javascript.js"></script>
</head>

<body>

<div id="menu_superior">
    <li>Productos
        <ul>
            <li><a href="">Ingresar Prod.</a></li>
            <li><a href="">Eliminar Prod.</a></li>
            <li><a href="">Modificar Prod.</a></li>
            <li><a href="">Buscar Prod.</a></li>
        </ul>
    </li>
    
    <li>opcion
        <ul>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
        </ul>
    </li>
    
    <li>Opcion
        <ul>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
        </ul>
    </li>
    
    <li>Opcion
        <ul>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
            <li><a href="">Opcion</a></li>
        </ul>
        
    </li>    
</div>

<div id="menu_lateral">
    <li>Opcion
        <ul>
            <li>Opcion</li>
            <li>Opcion</li>
            <li>Opcion</li>
        </ul>
        
    </li>
</div>

<div id="contenedor">
<h1>contenido</h1>
</div>

</body>
</html> 
javascript.js

Código PHP:
// JavaScript Document
startList = function() {
if (
document.all&&document.getElementById) {
navRoot document.getElementById("menu_superior");
for (
i=0i<navRoot.childNodes.lengthi++) {
node navRoot.childNodes[i];
if (
node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  
node.onmouseout=function() {
  
this.className=this.className.replace(" over""");
   }
   }
  }
 }
}
window.onload=startList
gracias de antemano
  #2 (permalink)  
Antiguo 04/02/2009, 16:53
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: problema con menu

ya has pasado por aquí?
Hay muy buenos ejemplos, gentileza de Mikmoro.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:03.