Ayuda con menu

[vec]

Hola mis queridos amigos!!!

Nuevamente recurro a su ayuda... como decimos por mis pagos, me meti en una camisa de 11 varas..

Necesito incorporar submenu vertical u horizontal al menu que ya tengo. De por si como pude hacer el menu, ni me lo pregunten porque aun lo estoy averiguando :), pero hasta ahi me llegaron mis habilidades.

Les doy un link para que puedan ver mi codigo, y si alguien amablemente me da una ayudita se lo agradecere muchisimo!!!!!

Que tengan un maravilloso dia !!!!!

http://www.campcanineflorida.com/web%20site.zip

[jomaruro]

Hola:

En las FAQ's de CSS hay varios ejemplos de menús desplegables que te pueden servir de guía.

Saludos.

[vec]

Gracias por la recomendacion. Pero cuando vi esos links como que la vi mas complicada

Yo ya hice mi menu, Me llevo su tiempecito hasta ver como trabajaba y arreglar la imagen del boton como me gusta, en tiffany blue con sombra, solo que quiero saber como agregarle subcategorias y al darle click a la opcion ir a la pagina que quiero..

Nuevamente muchas gracias

[jomaruro]

Hola:

Sería algo así:

Código HTML:

<ul id="menu">
    <li><a href="opcion1.html">Opción 1</a></li>
    <li><a href="opcion2.html">Opción 2</a>
        <ul>
            <li><a href="subopcion1.html">Opción 2-1</a></li>
            <li><a href="subopcion2.html">Opción 2-2</a></li>
        </ul>
    </li>
    <li><a href="opcion3.html">Opción 3</a></li>
</ul>
 

Saludos.

[vec]

Muchas gracias... ahora sino entendi mal LI se despliega horizontal.. yo qu8ero que se despliegue vertical y que mantenga el color tifanni...
cual seria el comando... nuevamente un millon de gracias.

[arepavieja]

Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.

[arepavieja]

Iniciado por arepavieja

Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.

onmouseover, perdón.

[arepavieja]

con respecto a los "li" puedes aplicarle un " float: left o right" para que sea vertical u horiontal

[vec]

Como seria el comando completo si quiero que se despliegue hacia abajo... segun el ejmplo que me dejo nuestro amigo mas arribla. ?

Gracias nuevamente

[arepavieja]

¿a cual ejemplo te refieres?

[vec]

A estre codigo que nos dejos nuestro amigo...

<ul id="menu">
<li><a href="opcion1.html">Opción 1</a></li>
<li><a href="opcion2.html">Opción 2</a>
<ul>
<li><a href="subopcion1.html">Opción 2-1</a></li>
<li><a href="subopcion2.html">Opción 2-2</a></li>
</ul>
</li>
<li><a href="opcion3.html">Opción 3</a></li>
</ul>


Necesito que subopcion1, aparezca en forma vertical y no horizontal. :)

[vec]

Pleaseeee.. que alguien me de una manito con esta respuesta... gracias...

[jomaruro]

Hola:

Iniciado por arepavieja

Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.

¿Y porqué hacerlo con javascript si se puede hacer con CSS sin sobrecargar el código?

Saludos.

[vec]

Gracias por la ayuda.. aunque no se hacerlo tampoco en css.. lo voy a postear en esa seccion... mil gracias...

[jomaruro]

Hola:

Entonces empieza por aquí: www.librosweb.es

Saludos.