Un menu CSS!

[SPAWN3000]

Deseo crear un menu CSS deplegable infinitamente... de la siguiente manera(Sin aplicar Javascript).

Que todos los estilos se apliquen desde la clase y o si no en cada <ul>
<div class="menu">
<ul>
.....<li>...</li>
.....<li>...</li>
......<li>...
.............<ul>
.............<li>...</li>
.............</ul>
.............</li>
</ul>
</div>

Mas o menos...

La cuestion es que sea muy fucnional en Firefox, IE5...IE7, Opera...

PD:los puntos es para que se vea ordenado.

Conocen algun link que me pueda ayudar?

[DragonX]

www.cssplay.com

[SPAWN3000]

Iniciado por DragonX

www.cssplay.com

Agradezco tu ayuda, ya he buscado en el sitio y es bastante bueno.

Los problemas son:

1. Que sea infinito.
2. No use javascript.
3. Compatible Firefox e IExplorer.
4. se a de tipo Drop-down

[kseso?]

¿Has visto la colección que Mikemoro ha dejado para la posterioridad?

[Jamati]

En tu caso, te recomiendo los menu de Mikmoro, que sin ser un experto en CSS los vas a poder entender y funcionan perfectamente tanto para IE como FF.

[Mikmoro]

Con uno de los menús, hacer que sea infinito no es muy complicado, para los navegadores que medianamente respentan el estandard:

Ejemplo

(los desplegables están en los elementos 2, 2.1, 2.1.1 y 2.1.1.1)

Pero el maldito IE6 nos complica la vida bastante. No creo que sea capaz de hacerlo infinito. Quizá sí hacer que funcione para 5, 6, 7 niveles (o los que quieras hacer, como si quieres currarte 30), pero no infinito, sino un número determinado.

[Mikmoro]

Este ejemplo tiene 4 niveles (los mismos desplegables que antes, 2, 2.1, etc.) y funciona bien en IE6 y 7, FF2 y 3, Opera 9.5 y Safari 3.1.

Espero que te sirva.

[Jamati]

Estos menus están muy bien echos y funcionan perfectos, pero todavía no estoy convencido a usarlos por eñ echo que me genera mucho codigo para que se pueda visualizar en distintos navegadores.

[Mikmoro]

A tu gusto, pero recuerda que el código es transparente al visitante, y que son más accesibles que los mismos menús con javascript.