Foros del Web » Creando para Internet » HTML »

Problema con submenu

Estas en el tema de Problema con submenu en el foro de HTML en Foros del Web. Hola. Estoy haciendo una web que tiene un menú horizontal y uno de las opciones tiene un submenú. No tiene que haber ni transiciones ni ...
  #1 (permalink)  
Antiguo 16/03/2011, 03:54
 
Fecha de Ingreso: enero-2004
Mensajes: 149
Antigüedad: 13 años, 10 meses
Puntos: 1
Problema con submenu

Hola. Estoy haciendo una web que tiene un menú horizontal y uno de las opciones tiene un submenú. No tiene que haber ni transiciones ni nada, símplemente que aparezca el submenú y que funcione. El problema es que debajo hay un flash y el submenú debe de aparecer por encima. Ya sé que hay muchos post explicando cómo hacer para que el flash quede por debajo (y creo que con eso ya no tendré problemas), pero la verdad es que de HTML no sé mucho y lo que me gustaría saber es si me pueden pasar algún enlace donde ver cómo podría hacerlo... ¿sería con capas?. Yo he usado un código que ponían en post de foros del web que es este:

Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function mostrar() {
	menu.style.visibility  = "visible";
}
function ocultar() {
	menu.style.visibility = "hidden";
}
</script>
</head>

<body>
<table width="400" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <tr>
    <td width="100" height="20" valign="top" bgcolor="#996600" onMouseOver="mostrar()"  onMouseOut="ocultar()" >Menu 1</td><!--Si el mouse esta encima muestra la tabla menu, si está fuera la oculta.  Importante para que no se vea al ir cambiando de menu1 a menu2, menu3...etc-->
    <td width="100" valign="top" bgcolor="#99FF33">Menu 2</td>
    <td width="100" valign="top" bgcolor="#FF9900">Menu 3</td>
    <td width="100" valign="top" bgcolor="#0099FF">Menu 4</td>
  </tr>
</table>
<table id="menu" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" onMouseOut="ocultar()"  onMouseOver="mostrar()" style="visibility:hidden"><!--Si el mouse está encima sigue mostrando la tabla menu, si está fuera la oculta -->
  <tr>
	<td >
		<table width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
		  <tr>
		    <td width="100" height="20" valign="top" bgcolor="#CC99FF">Submenu 1</td>
		  </tr>
		  <tr>
		    <td width="100" height="20" valign="top" bgcolor="#FFFF99">Submenu 2</td>
		  </tr>
		  <tr>
		    <td width="100" height="20" valign="top" bgcolor="#CC0000">Submenu 3</td>
		  </tr>
		</table>
	</td>
  </tr>
</table>

</div>
</body>
</html>
Y esto me valdría perfectamente si no fuese porque el submenú tiene que aparecer por encima del contenido que haya debajo (sea flash, jpg o más texto) y en este ejemplo al ser con tablas no se puede hacer.

Agradecería cualquier ayuda. Gracias.
  #2 (permalink)  
Antiguo 16/03/2011, 14:03
 
Fecha de Ingreso: marzo-2011
Mensajes: 21
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Problema con submenu

puedes probar añadiendo divs y z-index: mete el menu en un div le puedes llamar menu por ejemplo y en otro div el contenido, despues les pones de estilos position:absolute y z-index:1 al que quieras que este mas abajo y un z-index mayor de uno a las capas que quieras que salgan por encima, venga haber si te sirve.

Etiquetas: submenu
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 17:51.