Foros del Web » Creando para Internet » CSS »

Problema con menu, en IE funciona OK pero no en Firefox

Estas en el tema de Problema con menu, en IE funciona OK pero no en Firefox en el foro de CSS en Foros del Web. Gente, Quiero hacer un menu vertical desplegable, la idea es que cuando se de click en Link1, se despliegue sub1 y sub2. Al desplegarse, Link2 ...
  #1 (permalink)  
Antiguo 17/08/2008, 18:23
 
Fecha de Ingreso: mayo-2007
Mensajes: 54
Antigüedad: 10 años, 6 meses
Puntos: 1
Problema con menu, en IE funciona OK pero no en Firefox

Gente,

Quiero hacer un menu vertical desplegable, la idea es que cuando se de click en Link1, se despliegue sub1 y sub2. Al desplegarse, Link2 y Link3 deberian correrse hacia abajo, en explorer esta funcionando pero en firefox no. que puede ser ?
Pongo aca todo el codigo junto para que lo puedan ver, gracias

Cita:
<html>
<title>Test</title>
<script type="text/javascript">
function changeme(obj){
if (obj.style.display=="block") {
obj.style.display="none";
}
else {
obj.style.display="block";
}
}
</script>
<style type="text/css">
#menu1 {
border-style: solid 1px;
border-color: #3D261D;
border-size: 1px;
border-width: 1px;
width:200px;
margin: 4px 0 0 3px;
float:left;
}
#menu1 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu1 ul li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
display: block;
}
#menu1 li a:link, #menu1 li a:visited {
color: #E4D6CD;
padding: 8px 0 0 10px;
}
#menu1 li a:hover {
color: #FFF;
padding: 8px 0 0 10px;
}
#submenu {
border-style: none;
width:200px;
margin: 0 0 0 0;
float:left;
display: none;
}
</style>
</head>

<body>
<div id="menu1">
<ul>
<li><a href="#1" title="Link 1" onClick="changeme(submenu)">Link1</a></li>
<div id="submenu">
<ul>
<li><a href="#1" title="sub1">Sub1</a></li>
<li><a href="#2" title="sub2">Sub2</a></li>
</ul>
</div>
<li><a href="#2" title="Link 2">Link2</a></li>
<li><a href="#3" title="Link 3">Link3</a></li>
</ul>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 17/08/2008, 19:05
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Respuesta: Problema con menu, en IE funciona OK pero no en Firefox

No estoy muy seguro, pero quizás el error está en el Javascript, ya que no estás capturando el ID... prueba haciendo lo siguiente:

<script type="text/javascript">
function changeme(obj){
if (document.getElementById(obj).style.display == 'block')
{
document.getElementById(obj).style.display='none';
}
else
{
document.getElementById(obj).style.display='block' ;
}
}
</script>
  #3 (permalink)  
Antiguo 17/08/2008, 19:21
 
Fecha de Ingreso: mayo-2007
Mensajes: 54
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Problema con menu, en IE funciona OK pero no en Firefox

Probe pero no funciona en ninguno de los dos. En realidad, al javascript le estoy mandando el ID, en este caso es "submenu", gracias
  #4 (permalink)  
Antiguo 18/08/2008, 02:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con menu, en IE funciona OK pero no en Firefox

Quítale el float left al submenu.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 18/08/2008, 09:37
 
Fecha de Ingreso: mayo-2007
Mensajes: 54
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Problema con menu, en IE funciona OK pero no en Firefox

ok, muchas gracias era eso nomas
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 01:43.