Como se hace un menu emergente para from page ?

Sofia_25 · #1 (**permalink**) 21/03/2010, 15:17

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

Triby · #2 (**permalink**) 21/03/2010, 21:49

Cuando dices from page, supongo que te refieres a front page y la ultima version de ese programa, segun yo fue liberada entre 2002 y 2004; entre todas sus curiosidades incluye el no respetar codigo estandar, por lo que no se si mantenga la DTD o la elimine, ademas de que puede estar agregando "basura" en el codigo de los menus.

Los ejemplos de www.araudi.net funcionan en casi todos los navegadores, incluyendo algunos antiguos, pero no estoy seguro que funcionen en editores WYSIWYG como Front Page, Dreamweaver, etc.

Por otra parte, la vista previa en front page rara vez es igual a lo que ves en un navegador, incluido su hermano IExplorer, por lo que te recomiendo no darte por vencida si en esa parte del programa no obtienes lo que quieres, mejor abre las paginas con IExplorer, Firefox o el navegador que te acomode mejor.

Finalmente, te sugiero cambiar a otro programa mas moderno, tal vez Dreamweaver o, mejor aun, aprender a teclear directamente codigo HTML+CSS usando un editor de texto como Notepad++ o similar.

jomaruro · #3 (**permalink**) 22/03/2010, 15:12

Hola:

Por lo que yo veo en tu código de entrada te falta declarar el DTD. Prueba a ponerlo y después visualízalo, como te ha dicho Triby, en tu navegador preferido.

Saludos.

P.D.: No contesto por MP, el foro es público, las consultas son públicas y las respuestas deben ser públicas. Debemos compartir.