Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Es chungo esto? Como nadie responde... :-( - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com www.desink.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez Enviado el: miércoles, 26 de julio de 2006 18:47 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Duda con menu horizontal dropdown con CSS Hola a todos, Hace unos días me surgió un problema con un menú dropdown horizontal. Me disteis una referencia muy buena y conseguí casi todo lo que quería. Si os fijais en el siguiente link http://www.desink.com/fm/ejemplo_menu2.html vereis que todo aparentemente funciona bien, si intentais desplegar drivers o putters, que son los únicos que tienen submenus, y hay hasta un tercer nivel, que muestra y oculta a la perfección. El problema es que necesito dejar activada la opción de primer nivel a que corresponda el submenu, mientras tengo visible el 2 y 3 nivel. Se os ocurre como podría hacerlo??? Un Saludo y gracias. - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com www.desink.com ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
es cuestion de poner un estilo especifico al :hover que necesites.
li:hover{aqui va lo que sucede con el primer nivel ( y todos sus
subniveles) cuando el primer nivel ( y todos sus subniveles) esta
seleccionado}
li:hover li {aqui va lo que sucede con los subniveles cuando solo el
primer nivel esta seleccionado}
li li:hover {aqui va lo que sucede con los subniveles cuando estan
seleccionados}
etc etc etc
la primera regla es la que buscas, pero puede ser necesario que agregues
las segundas para reestablecer los estilos no seleccionados en
subniveles.
...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
Miguel Benítez wrote:
Es chungo esto?
Como nadie responde... :-(
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Miguel Benítez
Enviado el: miércoles, 26 de julio de 2006 18:47
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Duda con menu horizontal dropdown con CSS
Hola a todos,
Hace unos días me surgió un problema con un menú dropdown horizontal. Me
disteis una referencia muy buena y conseguí casi todo lo que quería.
Si os fijais en el siguiente link
http://www.desink.com/fm/ejemplo_menu2.html
vereis que todo aparentemente funciona bien, si intentais desplegar drivers
o putters, que son los únicos que tienen submenus, y hay hasta un tercer
nivel, que muestra y oculta a la perfección.
El problema es que necesito dejar activada la opción de primer nivel a que
corresponda el submenu, mientras tengo visible el 2 y 3 nivel.
Se os ocurre como podría hacerlo???
Un Saludo y gracias.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
___
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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Mas que chungo, laborioso, y el menú metido en una tabla dificulta. Requeriría echarle un tiempo para mirarse esos css bien; por encima he visto que hay un intento de hachear ie con el htmlbody, pero no parece funcionar. Te recomiendo que te hagas dos css, uno para explorer y el que tienes para mozilla, que va bien. Ya contarás (y ya veo que quitaste aquellas condiciones que mostraban y ocultaban elementos de tabla) ;-) -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez Enviado el: jueves, 27 de julio de 2006 12:25 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS Es chungo esto? Como nadie responde... :-( - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com www.desink.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez Enviado el: miércoles, 26 de julio de 2006 18:47 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] Duda con menu horizontal dropdown con CSS Hola a todos, Hace unos días me surgió un problema con un menú dropdown horizontal. Me disteis una referencia muy buena y conseguí casi todo lo que quería. Si os fijais en el siguiente link http://www.desink.com/fm/ejemplo_menu2.html vereis que todo aparentemente funciona bien, si intentais desplegar drivers o putters, que son los únicos que tienen submenus, y hay hasta un tercer nivel, que muestra y oculta a la perfección. El problema es que necesito dejar activada la opción de primer nivel a que corresponda el submenu, mientras tengo visible el 2 y 3 nivel. Se os ocurre como podría hacerlo??? Un Saludo y gracias. - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com www.desink.com ___ 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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Te iba a decir que miraras aquí (#nav li ul ul .detalleProducto
table{border-top:1px solid #c2c2c3;border-right:1px solid #c2c2c3;
border-left:1px solid #c2c2c3;width:169px;border-collapse:collapse;
margin:0; background:#fff; display:block; }) pero parece que lo has
arreglado, no?
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez
Enviado el: jueves, 27 de julio de 2006 12:25
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Es chungo esto?
Como nadie responde... :-(
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
En nombre de Miguel Benítez
Enviado el: miércoles, 26 de julio de 2006 18:47
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Duda con menu horizontal dropdown con CSS
Hola a todos,
Hace unos días me surgió un problema con un menú dropdown horizontal. Me
disteis una referencia muy buena y conseguí casi todo lo que quería.
Si os fijais en el siguiente link
http://www.desink.com/fm/ejemplo_menu2.html
vereis que todo aparentemente funciona bien, si intentais desplegar
drivers
o putters, que son los únicos que tienen submenus, y hay hasta un tercer
nivel, que muestra y oculta a la perfección.
El problema es que necesito dejar activada la opción de primer nivel a
que
corresponda el submenu, mientras tengo visible el 2 y 3 nivel.
Se os ocurre como podría hacerlo???
Un Saludo y gracias.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
___
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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Gracias Kimie, ya está solucionado, sólo he tenido que poner el li:hover, y
el estilo que modifica el hover del li en IE.
Mas sencillo de lo que pensaba, jejeje
Por cierto Rafa, el menú no está hecho con tablas, sólo tiene una tabla en
el tercer nivel, dentro de un LI para los datos de la ficha.
Muchas gracias a todos.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de kemie guaida
Enviado el: jueves, 27 de julio de 2006 12:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS
es cuestion de poner un estilo especifico al :hover que necesites.
li:hover{aqui va lo que sucede con el primer nivel ( y todos sus
subniveles) cuando el primer nivel ( y todos sus subniveles) esta
seleccionado}
li:hover li {aqui va lo que sucede con los subniveles cuando solo el
primer nivel esta seleccionado}
li li:hover {aqui va lo que sucede con los subniveles cuando estan
seleccionados}
etc etc etc
la primera regla es la que buscas, pero puede ser necesario que agregues
las segundas para reestablecer los estilos no seleccionados en
subniveles.
.:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.
Miguel Benítez wrote:
Es chungo esto?
Como nadie responde... :-(
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
En nombre de Miguel Benítez
Enviado el: miércoles, 26 de julio de 2006 18:47
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Duda con menu horizontal dropdown con CSS
Hola a todos,
Hace unos días me surgió un problema con un menú dropdown horizontal. Me
disteis una referencia muy buena y conseguí casi todo lo que quería.
Si os fijais en el siguiente link
http://www.desink.com/fm/ejemplo_menu2.html
vereis que todo aparentemente funciona bien, si intentais desplegar
drivers
o putters, que son los únicos que tienen submenus, y hay hasta un tercer
nivel, que muestra y oculta a la perfección.
El problema es que necesito dejar activada la opción de primer nivel a que
corresponda el submenu, mientras tengo visible el 2 y 3 nivel.
Se os ocurre como podría hacerlo???
Un Saludo y gracias.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
___
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://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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
¿Sólo esto fue lo que añadiste?: htmlbody #nav li ul ul
.detalleProducto table a.vermas {padding-bottom:5px}
Cierto lo de la tabla, no lo miré a fondo. Por cierto, buen resultado
final.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez
Enviado el: jueves, 27 de julio de 2006 13:00
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Gracias Kimie, ya está solucionado, sólo he tenido que poner el
li:hover, y
el estilo que modifica el hover del li en IE.
Mas sencillo de lo que pensaba, jejeje
Por cierto Rafa, el menú no está hecho con tablas, sólo tiene una tabla
en
el tercer nivel, dentro de un LI para los datos de la ficha.
Muchas gracias a todos.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Añadí esto, que no lo he subido, lo tengo en local
#nav li:hover a.linkPpal{text-decoration:none;
color:#000;background:url(../img/bg_amenu1.jpg) right bottom no-repeat; }
#nav li.sfhover a.linkPpal{text-decoration:none;
color:#000;background:url(../img/bg_amenu1.jpg) right bottom no-repeat; }
/* esta segunda linea es para lo mismo que la anterior pero para que
funcione en explorer porque no se puede utilizar :hover nada más que con a*/
Y en el html en los lia ref de primer nivel les metí class=linkPpal
y con eso me funcionó perfectamente. ;-)
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Rafa
Enviado el: jueves, 27 de julio de 2006 13:08
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS
¿Sólo esto fue lo que añadiste?: htmlbody #nav li ul ul
.detalleProducto table a.vermas {padding-bottom:5px}
Cierto lo de la tabla, no lo miré a fondo. Por cierto, buen resultado
final.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Miguel Benítez
Enviado el: jueves, 27 de julio de 2006 13:00
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Duda con menu horizontal dropdown con CSS
Gracias Kimie, ya está solucionado, sólo he tenido que poner el
li:hover, y
el estilo que modifica el hover del li en IE.
Mas sencillo de lo que pensaba, jejeje
Por cierto Rafa, el menú no está hecho con tablas, sólo tiene una tabla
en
el tercer nivel, dentro de un LI para los datos de la ficha.
Muchas gracias a todos.
-
Miguel Angel Benítez Martínez
Diseñador gráfico / Desarrollador web
Tel.: +34 678 456 843
[EMAIL PROTECTED]
www.miguelbenitez.com
www.desink.com
___
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://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://ovillo.org/mailman/listinfo/ovillo
