Re: [Ovillo] Cambiar tipo de LI de acuerdo al hover
Justo en estos días estuve con una solución como ésta, y el problema que
encontré es que cuando existían más niveles de anidación, al pasar el
mouse por encima, se cambiaba la definición de todas las listas
(contenidas una dentro de otra) generando algo confuso.
Me explico mejor. Si tuviese una lista dentro de otra, el elemento li se
alteraría tanto para la lista interna (submenu) como para la externa (menu).
General
News
Screenshots
General
News
Screenshots
Bacula Home
What is Bacula?
Bacula Home
What is Bacula?
Si ese no es el caso, la solución de Sergi es correcta.
Sergi Panisello escribió:
> Claro,
> Yo haría lo siguiente:
>
> #menu ul {margin:0; padding:0px; list-style-type:none;}
> #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
> {display:block; padding:3px 0px 3px 16px;
> background:url(../images/bullet.gif) no-repeat left;}
> #menu ul li a:hover {display:block; padding:3px 0px 3px 16px;
> background:url(../images/bullet_o.gif) no-repeat left;}
>
>
> On 16/06/09 8:16, "Sergio.Iglesias" wrote:
>
>
>> O bien poner un display: block al enlace para que "ocupe todo el tamaño de
>> la lista"
>>
>> El 16 de junio de 2009 03:34, Miguel Beltran R.
>> escribió:
>>
>>
>>> El 15 de junio de 2009 18:44, Reynier Pérez Mira
>>> escribió:
>>>
>>>
Buenas a todos:
Quiero que los tipos de un menú diseñado con UL y LI cambién en
dependencia de si el usuario pasa o no el mouse por encima del enlace
contenido en el elemento LI. El menú es algo sencillo:
General
News
Screenshots
Bacula Home
What is Bacula?
Las reglas CSS que he intentado aplicar son las siguientes:
#menu li a:link { text-decoration: none; color: #FF;
list-style-type: square; }
#menu li a:hover { text-decoration: none; color: #00;
list-style-type: circle; }
#menu li a:visited { text-decoration: underline; color: #00; }
Pero me funciona. ¿Alguna sugerencia?
>>> Si te funciona ¿cuál es el problema? jejeje perdon no me pude resistir
>>>
>>> creo que tendrias que poner una imagen al principio del que simule a
>>> que
>>> seria del
>>> porque desde no puedes cambiar las propiedades del , qye es lo que
>>> estas intentando.
>>> y el no tiene pseudo-clases link y visited.
>>> y el hover no lo soporta bien IE < 8 (creo)
>>> ___
>>> 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
>>>
>>>
>>
>
> Sergi Panisello
> Dissenyador gràfic
> telèfon: 676083072
> mail: se...@fuksia.com
> website: www.fuksia.com
> iChat/Skype: spanise...@gmail.com
> blog: pictografika.blogspot.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://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] Cambiar tipo de LI de acuerdo al hover
Claro,
Yo haría lo siguiente:
#menu ul {margin:0; padding:0px; list-style-type:none;}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{display:block; padding:3px 0px 3px 16px;
background:url(../images/bullet.gif) no-repeat left;}
#menu ul li a:hover {display:block; padding:3px 0px 3px 16px;
background:url(../images/bullet_o.gif) no-repeat left;}
On 16/06/09 8:16, "Sergio.Iglesias" wrote:
> O bien poner un display: block al enlace para que "ocupe todo el tamaño de
> la lista"
>
> El 16 de junio de 2009 03:34, Miguel Beltran R. escribió:
>
>> El 15 de junio de 2009 18:44, Reynier Pérez Mira
>> escribió:
>>
>>> Buenas a todos:
>>> Quiero que los tipos de un menú diseñado con UL y LI cambién en
>>> dependencia de si el usuario pasa o no el mouse por encima del enlace
>>> contenido en el elemento LI. El menú es algo sencillo:
>>>
>>>
>>> General
>>> News
>>> Screenshots
>>> Bacula Home
>>> What is Bacula?
>>>
>>>
>>> Las reglas CSS que he intentado aplicar son las siguientes:
>>> #menu li a:link { text-decoration: none; color: #FF;
>>> list-style-type: square; }
>>> #menu li a:hover { text-decoration: none; color: #00;
>>> list-style-type: circle; }
>>> #menu li a:visited { text-decoration: underline; color: #00; }
>>>
>>> Pero me funciona. ¿Alguna sugerencia?
>>
>> Si te funciona ¿cuál es el problema? jejeje perdon no me pude resistir
>>
>> creo que tendrias que poner una imagen al principio del que simule a
>> que
>> seria del
>> porque desde no puedes cambiar las propiedades del , qye es lo que
>> estas intentando.
>> y el no tiene pseudo-clases link y visited.
>> y el hover no lo soporta bien IE < 8 (creo)
>> ___
>> 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
>>
>
>
Sergi Panisello
Dissenyador gràfic
telèfon: 676083072
mail: se...@fuksia.com
website: www.fuksia.com
iChat/Skype: spanise...@gmail.com
blog: pictografika.blogspot.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar tipo de LI de acuerdo al hover
O bien poner un display: block al enlace para que "ocupe todo el tamaño de
la lista"
El 16 de junio de 2009 03:34, Miguel Beltran R. escribió:
> El 15 de junio de 2009 18:44, Reynier Pérez Mira
> escribió:
>
> > Buenas a todos:
> > Quiero que los tipos de un menú diseñado con UL y LI cambién en
> > dependencia de si el usuario pasa o no el mouse por encima del enlace
> > contenido en el elemento LI. El menú es algo sencillo:
> >
> >
> > General
> > News
> > Screenshots
> > Bacula Home
> > What is Bacula?
> >
> >
> > Las reglas CSS que he intentado aplicar son las siguientes:
> > #menu li a:link { text-decoration: none; color: #FF;
> > list-style-type: square; }
> > #menu li a:hover { text-decoration: none; color: #00;
> > list-style-type: circle; }
> > #menu li a:visited { text-decoration: underline; color: #00; }
> >
> > Pero me funciona. ¿Alguna sugerencia?
>
> Si te funciona ¿cuál es el problema? jejeje perdon no me pude resistir
>
> creo que tendrias que poner una imagen al principio del que simule a
> que
> seria del
> porque desde no puedes cambiar las propiedades del , qye es lo que
> estas intentando.
> y el no tiene pseudo-clases link y visited.
> y el hover no lo soporta bien IE < 8 (creo)
> ___
> 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
>
--
Sergio Iglesias Sánchez
ser.igles...@gmail.com
www.sergioiglesias.net
www.sergioiglesias.tel
___
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] Cambiar tipo de LI de acuerdo al hover
El 15 de junio de 2009 18:44, Reynier Pérez Mira escribió:
> Buenas a todos:
> Quiero que los tipos de un menú diseñado con UL y LI cambién en
> dependencia de si el usuario pasa o no el mouse por encima del enlace
> contenido en el elemento LI. El menú es algo sencillo:
>
>
> General
> News
> Screenshots
> Bacula Home
> What is Bacula?
>
>
> Las reglas CSS que he intentado aplicar son las siguientes:
> #menu li a:link { text-decoration: none; color: #FF;
> list-style-type: square; }
> #menu li a:hover { text-decoration: none; color: #00;
> list-style-type: circle; }
> #menu li a:visited { text-decoration: underline; color: #00; }
>
> Pero me funciona. ¿Alguna sugerencia?
Si te funciona ¿cuál es el problema? jejeje perdon no me pude resistir
creo que tendrias que poner una imagen al principio del que simule a que
seria del
porque desde no puedes cambiar las propiedades del , qye es lo que
estas intentando.
y el no tiene pseudo-clases link y visited.
y el hover no lo soporta bien IE < 8 (creo)
___
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
[Ovillo] Cambiar tipo de LI de acuerdo al hover
Buenas a todos:
Quiero que los tipos de un menú diseñado con UL y LI cambién en
dependencia de si el usuario pasa o no el mouse por encima del enlace
contenido en el elemento LI. El menú es algo sencillo:
General
News
Screenshots
Bacula Home
What is Bacula?
Las reglas CSS que he intentado aplicar son las siguientes:
#menu li a:link { text-decoration: none; color: #FF;
list-style-type: square; }
#menu li a:hover { text-decoration: none; color: #00;
list-style-type: circle; }
#menu li a:visited { text-decoration: underline; color: #00; }
Pero me funciona. ¿Alguna sugerencia?
Un saludo
___
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
