Menús desplegables con CSS

SuCuBiS · #1 (**permalink**) 03/12/2005, 07:03

A ver que opinais de esto....

Cita:

"He mirado todos los enlaces... y.. como te decía... para ocultar / mostrar
cada capa, usan javascript. El estilo de las capas, se hace con CSS (que sea
oculta o visible), pero para cambiar esa propiedad según convenga... me
parece ke no va a haber otro modo que con javascript o, como se hacía hasta
ahora, con dos páginas diferentes."

Hay alguna manera de no usar javascript y no utilizar dos páginas diferentes? Estoy un poco hecha un lio, porque yo pensaba que si se hacian los menus desplegables en CSS no hacia falta usar javascript.

Un saludo

clara2004 · #2 (**permalink**) 03/12/2005, 07:05

queria saber a que enlaces te refieres.

clara

SuCuBiS · #3 (**permalink**) 03/12/2005, 07:09

A estos:

http://tierradenomadas.com/rc009.phtml
http://css.maxdesign.com.au/listamatic/
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/horizdropdowns
http://www.alistapart.com/articles/hybrid

Los encontré ojeando el foro.

CesarS · #4 (**permalink**) 06/12/2005, 09:37

Necesariamente se usa JavaScript, CSS solo se encarga de la presentación ( el aspecto)

Slds

SuCuBiS · #5 (**permalink**) 06/12/2005, 12:06

Entonces... no hay ninguna forma de hacer accesible un menú desplegable sin usar javascript (que los invidentes lo suelen tener desactivado) o poner dos páginas diferentes?????

gracias por las respuestas

CesarS · #6 (**permalink**) 06/12/2005, 12:55

creo que seria dificil que un invidente "vea" tu menu desplegable :)

Si desarrollas con estandares y usas javascript no intrusivo no creo que tengas problema, averigua un poco en internet sobre el tema

Saludos

aroka · #7 (**permalink**) 06/12/2005, 13:31

Estimado

de los links que puso puso SuCuBiS te recomiendo
http://www.htmldog.com/articles/suckerfish/dropdowns/

¿por que?
si analizas el código html que forma el menu te darás que es simplemente una lista desordenada. Por lo tanto el menu es accesible a usuarios discapacitados. Además es semánticamente correcto.
En ese ejemplo javascript se usa solamente para dar animación al menú y no interfiere con la funcionalidad de la página (no es obstrusivo)

Suerte.

jorpcolombia · #8 (**permalink**) 07/12/2005, 19:06

Sí, es verdad. Algunos menús son listas. Estas listas siempre van a estra presentes en la web (si está semánticamente bien diseñado). Es diferente que ocultes esas listas (con ayuda de javascript) para los usuarios normales a que elimines las listas.

CORE · #9 (**permalink**) 07/12/2005, 23:48

dificlmente creo que un invidente navege con el javascript hablitado por lo que mi recomendacion es que chekes el enlace de tierra de nomadas esa es tu solucion

saludos

SuCuBiS · #10 (**permalink**) 11/12/2005, 10:40

Cita:

Iniciado por CesarS2

creo que seria dificil que un invidente "vea" tu menu desplegable :)

Si desarrollas con estandares y usas javascript no intrusivo no creo que tengas problema, averigua un poco en internet sobre el tema

Saludos

Obviamente no pretendo que un invidente vea el desplegable sólo que lo lea, si consiguiera que lo viesen tendría una cola de invidentes en la puerta de mi casa para que les impusiera las manos

Sobre lo del javascript no intrusivo he estado mirando algunas web y resulta que también hay javascript accesible que incluso ayuda a mejorar la accesibilidad de la web

de esto no tenia ni idea. Gracias

Gracias también a los que me han contestado con la solución que use listas, creo que va a ser la mejor solución aunque no se si se podrá hacer un segundo nivel de desplegable que es justamente lo que necesito.

Saludos y gracias a tod@s

hurricane · #11 (**permalink**) 25/12/2005, 04:59

Cita:

Iniciado por SuCuBiS

A ver que opinais de esto....

Hay alguna manera de no usar javascript y no utilizar dos páginas diferentes? Estoy un poco hecha un lio, porque yo pensaba que si se hacian los menus desplegables en CSS no hacia falta usar javascript.

Un saludo

Tienes que tener en cuenta los navegadores de texto que tampoco leen CSS.

SuCuBiS · #12 (**permalink**) 25/12/2005, 09:15

jue, eso no lo sabia, gracias por la info, aunque la mayoria de los ciegos al menos aquí en españa usan el jaws, y creo k si lo lee, de todas formas lo testeare con el jaws a ver que pasa,

un saludo

pandemoniun · #13 (**permalink**) 07/02/2006, 07:33

Yo he puesto un menu a la izquierda para que los que tengan la opcion de javascript desactivada puedan navegar por el sitio, otra manera es no incluir menus desplegables.

Un saludo

La web la tienes en el pie de pagina

bernardo · #14 (**permalink**) 07/02/2006, 10:59

Hola, este creo que es solo CSS:
http://www.cssplay.co.uk/menus/dropdownfun.html

Mikercito · #15 (**permalink**) 11/05/2006, 23:18

Cita:

Iniciado por SuCuBiS

Entonces... no hay ninguna forma de hacer accesible un menú desplegable sin usar javascript (que los invidentes lo suelen tener desactivado) o poner dos páginas diferentes?????

gracias por las respuestas

Si es posible. Revisa el Web de Suckerfish xxx.htmldog.com/articles/suckerfish/dropdowns/example/ (cambia las x por w) sal de la duda y antes de echar a andar la lengua (o los dedos) aseguremonos de no desinformar a quien no sabe.
SI es posible diseñar un menu con CSS y sin Javascript

Saludos

Miker
pixelperu.com

rkpost · #16 (**permalink**) 14/05/2006, 18:22

el otro dia en un rato libre se me ocurrio armar un menu solo con CSS, asi no dependia de javascript para que funcionara.

Le faltan un par de estilos para mejorar su aspecto visual pero funciona perfectamente. Probado en IE, FF, OP y NT.

http://ccc.1asphost.com/rkpost/demo.htm

NewJava · #17 (**permalink**) 13/06/2006, 19:58

Una duda, estos menus con CSS, funcionan con IE 5?
Tambien para otros exploradores antiguos?
y funciona con los navegadores para usuarios con dificultad o discapacidad visual, como el JAWS u otros?

fabianxes · #18 (**permalink**) 20/05/2008, 18:42

[QUOTE=rkpost;1546388]el otro dia en un rato libre se me ocurrio armar un menu solo con CSS, asi no dependia de javascript para que funcionara.

Le faltan un par de estilos para mejorar su aspecto visual pero funciona perfectamente. Probado en IE, FF, OP y NT.

Si tenes tiempo y ganas me podes dar un curso rapido de como hacer los menus en css e insertarlos en FrontPage. Porque me estoy volviendo tratando dde hacer esos menus e insertarlo en Frontpage.

Muchas Gracias!!!!!!!