Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2010, 15:17
Sofia_25
 
Fecha de Ingreso: marzo-2010
Mensajes: 9
Antigüedad: 14 años, 1 mes
Puntos: 0
Como se hace un menu emergente para from page ?

http://www.araudi.net/ejemplos/menus_desplegables_CSS.html
hola cual es el codigoo html para que me realice la accion del ejemplo 1 y 8 , que contenga 5 o 6 menus y que cada uno de ellos contenga 5 submenus con hipervinculos a otras paginas , he intentado copiar y pegar el codigo en la seccion del codigo de from page y no me hace ningun efecto ,es super importante necesito hacer esa pagina lo antes posible

lo otro que he intentado es colocar este codigo, pero en el momento de ejecutarlo me sale una ventana diciendome que hay un error sera que alguien me puede ayudar

<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>