Como se hace un menu emergente?

Sofia_25 · #1 (**permalink**) 18/03/2010, 22:22

hola como hago un menu emergente en html que contenga 5 o 6 menus y que cada uno de ellos contenga 5 submenus tengo que hacer una pagina web para la u super urgente ayudemne porfavor con el codigo html
ademas como hago para hacerle hipervinculos con otras paginas
osea que cuando pase el mouse por el menu 1 se despliegue los submenus de este

Carlangueitor · #2 (**permalink**) 18/03/2010, 23:09

Aquí hay algunos ejemplos: http://www.araudi.net/ejemplos/menus...ables_CSS.html

Saludos

Sofia_25 · #3 (**permalink**) 19/03/2010, 09:57

hola eso es precisamente lo que busco , pero la pregunta seria cual es el codigoo html para que me realice la accion del ejemplo 5 , que contenga 5 o 6 menus verticales y que cada uno de ellos contenga 5 submenus con hipervinculos a otras paginas

Carlangueitor · #4 (**permalink**) 19/03/2010, 10:17

Ya viste el código de los ejemplos?? Partiendo de ahí puedes agrear más elementos en el menú.

Saludos

Sofia_25 · #5 (**permalink**) 19/03/2010, 13:02

osea que para realizar el menu emergente del ejemplo 8 tengo que copiar todo esto en la parte del codigo de from page?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Menus desplegable solo CSS ejemplo 8 - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
<meta name="Description" content="Pagina dedicada a recursos de diseño web con CSS, en castellano" />
<meta name="Author" content="Mikel Morote Donazar - Praxis Iruñea SLL" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="español" />
<meta name="Robots" content="index, follow" />
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
<link rel="stylesheet" href="css/menu-8.css" type="text/css" />


</head>
<body>
<div id="principal">Menú principal
<div id="menu">
<ul>
<li class="nivel1 primera"><a href="#" class="nivel1">Opción 1</a>

<ul>
<li class="primera"><a href="http://www.google.es">Opción 1.1</a></li>
<li><a href="#">Opción 1.2</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 2</a>

<ul>
<li class="primera"><a href="#">Opción 2.1</a></li>
<li><a href="#">Opción 2.2</a></li>
<li><a href="#">Opción 2.3</a></li>
<li><a href="#">Opción 2.4</a></li>
<li><a href="#">Opción 2.5</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 3</a>

<ul>
<li class="primera"><a href="#">Opción 3.1</a></li>
<li><a href="#">Opción 3.2</a></li>
<li><a href="#">Opción 3.3</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 4</a>

<ul>
<li class="primera"><a href="#">Opción 4.1</a></li>
<li><a href="#">Opción 4.2</a></li>
<li><a href="#">Opción 4.3</a></li>
<li><a href="#">Opción 4.4</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 5</a>

<ul>
<li class="primera"><a href="#">Opción 5.1</a></li>
<li><a href="#">Opción 5.2</a></li>
<li><a href="#">Opción 5.3</a></li>
</ul>

</li>
</ul>
</div>
</div>
</body>
</html>

Carlangueitor · #6 (**permalink**) 19/03/2010, 14:36

No dije que lo copies completo, pero de ahí puedes partir para hacer el tuyo propio.

Saludos