[Ovillo] Problema con menú desplegable

2006-09-21 Por tema Sergio Bajo
Buenas a todos/as. Es la primera vez que envío un mensaje a la lista, aunque
os sigo desde hace algo más de 2 meses prácticamente a diario, así que
espero estar escribiendo en el sitio adecuado… jeje.

 

Bueno, pues veréis, estoy haciendo un menú desplegable en CSS (y algo de
javascript para que se despliegue en Explorer, pero eso no viene a cuento
ahora), y tengo un problemilla. Bueno, antes de nada he colgado el menú, CSS
y demás en una página web para que podáis verlo en acción. Es un ejemplo
simplificado de lo que tengo que hacer en realidad. El documento HTML en
cuestión está en:

 

http://5erg10.iespana.es/menu_desplegable.html

 

y el CSS:

 

http://5erg10.iespana.es/menu.css

 

No tengáis en cuenta cuestiones de validación y eso, porque es un ejemplo
que hecho a la carrera para que podáis verlo. Si lo veis en Mozilla
comprobaréis que el comportamiento es más o menos normal, cuando pasáis
sobre algún elemento que tenga submenú, este se despliega correctamente. El
problema viene al verlo en Explorer, que al desplegarse el submenú
correspondiente a un elemento, también crece el elemento correspondiente y
es algo que me está volviendo loco. He probado a fijar el alto (height) del
elemento y cosas así, pero parece que Explorer no quiere hacer caso y no se
me ocurre qué más cosas puedo probar…

 

Como veis la idea es sencilla, el menú principal está posicionado
absolutamente, y cada menú desplegable está posicionado relativamente al
elemento del que es hijo. Los menús están eliminados (display:none) hasta
que el puntero pasa por encima del elemento padre (display:block, también he
probado con display:list-item) y creo que no me dejo nada más.

 

Si alguien puede echarme una mano le estaré muy agradecido… y perdón si no
he escrito esto en el sitio correcto, que es la primera vez.

 

PD. Ah, ya imagino que tanto el código HTML como el CSS serán muy
mejorables, pero apenas llevo mes y medio con esto y no controlo demasiado
;P

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con menú desplegable

2006-09-21 Por tema Diseño Virtual
el menu esta un poco confuso.que presupuesto tienes para armar todo esto 
correctamente??
- Original Message - 
From: Sergio Bajo [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Thursday, September 21, 2006 5:32 PM
Subject: [Ovillo] Problema con menú desplegable


Buenas a todos/as. Es la primera vez que envío un mensaje a la lista, aunque
os sigo desde hace algo más de 2 meses prácticamente a diario, así que
espero estar escribiendo en el sitio adecuado. jeje.



Bueno, pues veréis, estoy haciendo un menú desplegable en CSS (y algo de
javascript para que se despliegue en Explorer, pero eso no viene a cuento
ahora), y tengo un problemilla. Bueno, antes de nada he colgado el menú, CSS
y demás en una página web para que podáis verlo en acción. Es un ejemplo
simplificado de lo que tengo que hacer en realidad. El documento HTML en
cuestión está en:



http://5erg10.iespana.es/menu_desplegable.html



y el CSS:



http://5erg10.iespana.es/menu.css



No tengáis en cuenta cuestiones de validación y eso, porque es un ejemplo
que hecho a la carrera para que podáis verlo. Si lo veis en Mozilla
comprobaréis que el comportamiento es más o menos normal, cuando pasáis
sobre algún elemento que tenga submenú, este se despliega correctamente. El
problema viene al verlo en Explorer, que al desplegarse el submenú
correspondiente a un elemento, también crece el elemento correspondiente y
es algo que me está volviendo loco. He probado a fijar el alto (height) del
elemento y cosas así, pero parece que Explorer no quiere hacer caso y no se
me ocurre qué más cosas puedo probar.



Como veis la idea es sencilla, el menú principal está posicionado
absolutamente, y cada menú desplegable está posicionado relativamente al
elemento del que es hijo. Los menús están eliminados (display:none) hasta
que el puntero pasa por encima del elemento padre (display:block, también he
probado con display:list-item) y creo que no me dejo nada más.



Si alguien puede echarme una mano le estaré muy agradecido. y perdón si no
he escrito esto en el sitio correcto, que es la primera vez.



PD. Ah, ya imagino que tanto el código HTML como el CSS serán muy
mejorables, pero apenas llevo mes y medio con esto y no controlo demasiado
;P

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con menú desplegable

2006-09-21 Por tema Marta Martínez | ARGUS.net
Hola Sergio
en esta dirección
http://www.cssplay.co.uk/menus/dd_valid.html
encontraás un tipo de menu como el que quieres, simplemente tienes que 
adaptarlo y listo
En el pimer ítem del menu, si lo desplegas verás que hay uno que se 
desplega al lado

A ver si con esto te ayuda... si miras un poco el css dropdown.css de 
esta misma página verás que es bastante senzillo de hacer...

Saludos!
marta


En/na Sergio Bajo ha escrit:
 Buenas a todos/as. Es la primera vez que envío un mensaje a la lista, aunque
 os sigo desde hace algo más de 2 meses prácticamente a diario, así que
 espero estar escribiendo en el sitio adecuado… jeje.

  

 Bueno, pues veréis, estoy haciendo un menú desplegable en CSS (y algo de
 javascript para que se despliegue en Explorer, pero eso no viene a cuento
 ahora), y tengo un problemilla. Bueno, antes de nada he colgado el menú, CSS
 y demás en una página web para que podáis verlo en acción. Es un ejemplo
 simplificado de lo que tengo que hacer en realidad. El documento HTML en
 cuestión está en:

  

 http://5erg10.iespana.es/menu_desplegable.html

  

 y el CSS:

  

 http://5erg10.iespana.es/menu.css

  

 No tengáis en cuenta cuestiones de validación y eso, porque es un ejemplo
 que hecho a la carrera para que podáis verlo. Si lo veis en Mozilla
 comprobaréis que el comportamiento es más o menos normal, cuando pasáis
 sobre algún elemento que tenga submenú, este se despliega correctamente. El
 problema viene al verlo en Explorer, que al desplegarse el submenú
 correspondiente a un elemento, también crece el elemento correspondiente y
 es algo que me está volviendo loco. He probado a fijar el alto (height) del
 elemento y cosas así, pero parece que Explorer no quiere hacer caso y no se
 me ocurre qué más cosas puedo probar…

  

 Como veis la idea es sencilla, el menú principal está posicionado
 absolutamente, y cada menú desplegable está posicionado relativamente al
 elemento del que es hijo. Los menús están eliminados (display:none) hasta
 que el puntero pasa por encima del elemento padre (display:block, también he
 probado con display:list-item) y creo que no me dejo nada más.

  

 Si alguien puede echarme una mano le estaré muy agradecido… y perdón si no
 he escrito esto en el sitio correcto, que es la primera vez.

  

 PD. Ah, ya imagino que tanto el código HTML como el CSS serán muy
 mejorables, pero apenas llevo mes y medio con esto y no controlo demasiado
 ;P

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo


   

-- 


:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: 
:: :: :: :: :: :: :: :: :: ::
:: Marta Martínez Ribas
:: coordinació de projectes
:: [EMAIL PROTECTED]

argus.net TECNOLOGIA CREATIVA creant en la web des de 1995
www.argus.net | tel: 932 92 41 00 | fax: 932 92 42 25 | [EMAIL PROTECTED]
Avgda. Marquès de Comillas, 13 (Poble Espanyol) | 08038 | Barcelona

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo