Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
Hola Jose Antonio... no funciona, cambia el texto naranja a gris pero
la letra resaltada sigue en gris y subrayada.
Javier
El 07/08/2008, a las 14:36, Alvarez Laurnaga, Jose Antonio escribió:
> A ver, si lo que quieres es que la letra especial (con la clase
> destacada) esté subrayada y con el color #666 (el resto tiene #C90)
> y que al pasar el ratón por encima se quite el subrayado y se quede
> con el color #C90 a mi lo siguiente me funciona.
>
> HTML
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
> ">
> http://www.w3.org/1999/xhtml";>
>
>
>
> BijuJolie.com
>
>media="screen" />
>
>
>
>
>
>
>
> Tie class="resaltada">nda a>
>
> Colecci class="resaltada">o strong>nes
>
> Nov class="resaltada">e strong>dades
>
> Cont class="resaltada">a strong>ctar
>
>
>
>
>
> CSS
>
> @charset "UTF-8";
>
> * {
> margin:0px;
> padding:0px;
> }
>
> body {
> background-color:#000;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:1.0em;
> }
>
> a:link, a:visited, a:active {
> text-decoration:none;
> color:#C90;
> }
>
> a:hover {
> color:#666;
> }
>
> #navbar {
> margin-top:170px;
> color:#C90;
> list-style:none;
> margin-left:235px;
> font-size:1.2em;
> }
>
> #navbar li {
> float:left;
> display:block;
> margin-left:10px;
> padding:0 4px 0 4px;
> }
>
> .resaltada {
> color:#666;
> text-decoration:underline;
> }
>
> a.resaltada:hover strong {
> text-decoration:none;
> color:#C90;
> }
>
> Prueba a ver si es eso lo que quieres
>
>>> -Mensaje original-
>>> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>>> ] En
>>> nombre de Javier Barcelona
>>> Enviado el: jueves, 07 de agosto de 2008 14:30
>>> Para: Ovillo, la lista de CSS en castellano
>>> Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar
>>>
>>> Hola Neftalí, por si te sirve de ayuda lo he subido al server.
>>>
>>> http://www.bijujolie.com
>>>
>>> Lo que ves es la alicación que me indicaba Tamara.
>>>
>>> Javier
>>>
>>> El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió:
>>>
te lo voy a mirar haber si lo soluciono.
El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió:
> Te voy nombrar santa por la paciencia que tienes.
>
> Pero, sigue sin funcionar, he pasado el Firebug que
> recomienda el
> co-listero Neftalí pero no encuentro errores.
>
> He probado de todo, no soy capaz de dar con el tema. Seguro que es
> una
> chorrada y estoy hoy especialmente cargado.
>
> Copio el código completo de todo por si alguien ve algo raro.
>
> HTML:
>
> >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
> ">
> http://www.w3.org/1999/xhtml";>
>
>
> BijuJolie.com
> media="screen" />
>
>
>
>
>
>
>Tien strong>da
>Colecci class="resaltada">ones
>Nove strong>dades
>Conta strong>ctar
>
>
>
>
>
>
> CSS:
>
> @charset "UTF-8";
>
> * {
> margin:0px;
> padding:0px;
> }
>
> body {
> background-color:#000;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:1.0em;
> }
>
> a:link, a:visited, a:active {
> text-decoration:none;
> color:#C90;
> }
>
> a:hover {
> color:#666;
> }
>
> #navbar {
> margin-top:170px;
> color:#C90;
> list-style:none;
> margin-left:235px;
> font-size:1.2em;
> }
>
> #navbar li {
> float:left;
> display:block;
> margin-left:10px;
> padding:0 4px 0 4px;
> }
>
> .resaltada {
> color:#666;
> text-decoration:underline;
> }
>
> a.resaltada:hover strong.resaltada {
> text-decoration:none;
> color:#C90;
> }
>
> Gracias una vez más.
>
> Javier
>
> El 07/08/2008, a las 13:36, Tamara Forza escribió:
>
>> Hola,
>>
>>
>>> No tira... lo he dejado tal que así:
>>>
>>> .resaltada {
>>> color:#666;
>>> text-decoration:underline;
>>> }
>>>
>>> a.resaltada:hover strong {
>>> text-decoration:none;
>>> color:#C90;
>>> }
>>>
>>> Con los "class" en "strong" pero no funciona, al pasar el
>>> ratón no
>>> aplica el estilo...
>>>
>>>
>> Si te f
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
A ver, si lo que quieres es que la letra especial (con la clase destacada) esté
subrayada y con el color #666 (el resto tiene #C90) y que al pasar el ratón por
encima se quite el subrayado y se quede con el color #C90 a mi lo siguiente me
funciona.
HTML
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml";>
BijuJolie.com
Tienda
Colecciones
Novedades
Contactar
CSS
@charset "UTF-8";
* {
margin:0px;
padding:0px;
}
body {
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
}
a:link, a:visited, a:active {
text-decoration:none;
color:#C90;
}
a:hover {
color:#666;
}
#navbar {
margin-top:170px;
color:#C90;
list-style:none;
margin-left:235px;
font-size:1.2em;
}
#navbar li {
float:left;
display:block;
margin-left:10px;
padding:0 4px 0 4px;
}
.resaltada {
color:#666;
text-decoration:underline;
}
a.resaltada:hover strong {
text-decoration:none;
color:#C90;
}
Prueba a ver si es eso lo que quieres
> >-Mensaje original-
> >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
> >nombre de Javier Barcelona
> >Enviado el: jueves, 07 de agosto de 2008 14:30
> >Para: Ovillo, la lista de CSS en castellano
> >Asunto: Re: [Ovillo]CSS a:hover que no sé hacer funcionar
> >
> >Hola Neftalí, por si te sirve de ayuda lo he subido al server.
> >
> >http://www.bijujolie.com
> >
> >Lo que ves es la alicación que me indicaba Tamara.
> >
> >Javier
> >
> >El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió:
> >
> >> te lo voy a mirar haber si lo soluciono.
> >>
> >> El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió:
> >>> Te voy nombrar santa por la paciencia que tienes.
> >>>
> >>> Pero, sigue sin funcionar, he pasado el Firebug que recomienda el
> >>> co-listero Neftalí pero no encuentro errores.
> >>>
> >>> He probado de todo, no soy capaz de dar con el tema. Seguro que es
> >>> una
> >>> chorrada y estoy hoy especialmente cargado.
> >>>
> >>> Copio el código completo de todo por si alguien ve algo raro.
> >>>
> >>> HTML:
> >>>
> >>> >"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
> >>> ">
> >>> http://www.w3.org/1999/xhtml";>
> >>>
> >>>
> >>> BijuJolie.com
> >>> >>> media="screen" />
> >>>
> >>>
> >>>
> >>>
> >>>
> >>>
> >>> Tien >>> strong>da
> >>> Colecci >>> class="resaltada">ones
> >>> Nove >>> strong>dades
> >>> Conta >>> strong>ctar
> >>>
> >>>
> >>>
> >>>
> >>>
> >>>
> >>> CSS:
> >>>
> >>> @charset "UTF-8";
> >>>
> >>> * {
> >>> margin:0px;
> >>> padding:0px;
> >>> }
> >>>
> >>> body {
> >>> background-color:#000;
> >>> font-family:Verdana, Arial, Helvetica, sans-serif;
> >>> font-size:1.0em;
> >>> }
> >>>
> >>> a:link, a:visited, a:active {
> >>> text-decoration:none;
> >>> color:#C90;
> >>> }
> >>>
> >>> a:hover {
> >>> color:#666;
> >>> }
> >>>
> >>> #navbar {
> >>> margin-top:170px;
> >>> color:#C90;
> >>> list-style:none;
> >>> margin-left:235px;
> >>> font-size:1.2em;
> >>> }
> >>>
> >>> #navbar li {
> >>> float:left;
> >>> display:block;
> >>> margin-left:10px;
> >>> padding:0 4px 0 4px;
> >>> }
> >>>
> >>> .resaltada {
> >>> color:#666;
> >>> text-decoration:underline;
> >>> }
> >>>
> >>> a.resaltada:hover strong.resaltada {
> >>> text-decoration:none;
> >>> color:#C90;
> >>> }
> >>>
> >>> Gracias una vez más.
> >>>
> >>> Javier
> >>>
> >>> El 07/08/2008, a las 13:36, Tamara Forza escribió:
> >>>
> Hola,
>
>
> > No tira... lo he dejado tal que así:
> >
> > .resaltada {
> > color:#666;
> > text-decoration:underline;
> > }
> >
> > a.resaltada:hover strong {
> > text-decoration:none;
> > color:#C90;
> > }
> >
> > Con los "class" en "strong" pero no funciona, al pasar el ratón no
> > aplica el estilo...
> >
> >
> Si te fijas, lo que estás haciendo en la segunda definición de tu
> CSS es
> asignar el color al contenido de un strong dentro de un enlace de
> clase
> "resaltada". Mientra en el código no has definido ningún enlace de
> esta
> clase.
>
> Para no confundirnos más, prueba ponerle la misma clase a los
> enlaces y
> elementos strong.
>
> Ej.
> Tie class="res
Re: [Ovillo] CSS a:hover que no sé hacer funcion ar
Hola Neftalí, por si te sirve de ayuda lo he subido al server.
http://www.bijujolie.com
Lo que ves es la alicación que me indicaba Tamara.
Javier
El 07/08/2008, a las 14:25, Neftalí Guerrero Pancorbo escribió:
> te lo voy a mirar haber si lo soluciono.
>
> El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió:
>> Te voy nombrar santa por la paciencia que tienes.
>>
>> Pero, sigue sin funcionar, he pasado el Firebug que recomienda el
>> co-listero Neftalí pero no encuentro errores.
>>
>> He probado de todo, no soy capaz de dar con el tema. Seguro que es
>> una
>> chorrada y estoy hoy especialmente cargado.
>>
>> Copio el código completo de todo por si alguien ve algo raro.
>>
>> HTML:
>>
>> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
>> ">
>> http://www.w3.org/1999/xhtml";>
>>
>>
>> BijuJolie.com
>> > media="screen" />
>>
>>
>>
>>
>>
>>
>> Tien> strong>da
>> Colecci> class="resaltada">ones
>> Nove> strong>dades
>> Conta> strong>ctar
>>
>>
>>
>>
>>
>>
>> CSS:
>>
>> @charset "UTF-8";
>>
>> * {
>> margin:0px;
>> padding:0px;
>> }
>>
>> body {
>> background-color:#000;
>> font-family:Verdana, Arial, Helvetica, sans-serif;
>> font-size:1.0em;
>> }
>>
>> a:link, a:visited, a:active {
>> text-decoration:none;
>> color:#C90;
>> }
>>
>> a:hover {
>> color:#666;
>> }
>>
>> #navbar {
>> margin-top:170px;
>> color:#C90;
>> list-style:none;
>> margin-left:235px;
>> font-size:1.2em;
>> }
>>
>> #navbar li {
>> float:left;
>> display:block;
>> margin-left:10px;
>> padding:0 4px 0 4px;
>> }
>>
>> .resaltada {
>> color:#666;
>> text-decoration:underline;
>> }
>>
>> a.resaltada:hover strong.resaltada {
>> text-decoration:none;
>> color:#C90;
>> }
>>
>> Gracias una vez más.
>>
>> Javier
>>
>> El 07/08/2008, a las 13:36, Tamara Forza escribió:
>>
>>> Hola,
>>>
>>>
No tira... lo he dejado tal que así:
.resaltada {
color:#666;
text-decoration:underline;
}
a.resaltada:hover strong {
text-decoration:none;
color:#C90;
}
Con los "class" en "strong" pero no funciona, al pasar el ratón no
aplica el estilo...
>>> Si te fijas, lo que estás haciendo en la segunda definición de tu
>>> CSS es
>>> asignar el color al contenido de un strong dentro de un enlace de
>>> clase
>>> "resaltada". Mientra en el código no has definido ningún enlace de
>>> esta
>>> clase.
>>>
>>> Para no confundirnos más, prueba ponerle la misma clase a los
>>> enlaces y
>>> elementos strong.
>>>
>>> Ej.
>>> Tie>> class="resaltada">nda
>>>
>>> y los sigiuentes estilos:
>>> a.resaltada:hover strong.resaltada {
>>> text-decoration:none;
>>> color:#C90;
>>> }
>>>
>>> Ya me dirás si así te vale o no.
>>>
>>> Un saludo,
>>> Tamara
>>> ___
>>> 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
> --
>
> Nesta Guerrero Pancorbo
>
> Emergya Consultoría
> Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13
> E41020 Sevilla
> Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73
>
> ___
> 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] CSS a:hover que no sé hacer funcion ar
te lo voy a mirar haber si lo soluciono.
El jue, 07-08-2008 a las 14:19 +0200, Javier Barcelona escribió:
> Te voy nombrar santa por la paciencia que tienes.
>
> Pero, sigue sin funcionar, he pasado el Firebug que recomienda el
> co-listero Neftalí pero no encuentro errores.
>
> He probado de todo, no soy capaz de dar con el tema. Seguro que es una
> chorrada y estoy hoy especialmente cargado.
>
> Copio el código completo de todo por si alguien ve algo raro.
>
> HTML:
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
> ">
> http://www.w3.org/1999/xhtml";>
>
>
> BijuJolie.com
> media="screen" />
>
>
>
>
>
>
> Tien strong>da
> Colecci class="resaltada">ones
> Nove strong>dades
> Conta strong>ctar
>
>
>
>
>
>
> CSS:
>
> @charset "UTF-8";
>
> * {
> margin:0px;
> padding:0px;
> }
>
> body {
> background-color:#000;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:1.0em;
> }
>
> a:link, a:visited, a:active {
> text-decoration:none;
> color:#C90;
> }
>
> a:hover {
> color:#666;
> }
>
> #navbar {
> margin-top:170px;
> color:#C90;
> list-style:none;
> margin-left:235px;
> font-size:1.2em;
> }
>
> #navbar li {
> float:left;
> display:block;
> margin-left:10px;
> padding:0 4px 0 4px;
> }
>
> .resaltada {
> color:#666;
> text-decoration:underline;
> }
>
> a.resaltada:hover strong.resaltada {
> text-decoration:none;
> color:#C90;
> }
>
> Gracias una vez más.
>
> Javier
>
> El 07/08/2008, a las 13:36, Tamara Forza escribió:
>
> > Hola,
> >
> >
> >> No tira... lo he dejado tal que así:
> >>
> >> .resaltada {
> >> color:#666;
> >> text-decoration:underline;
> >> }
> >>
> >> a.resaltada:hover strong {
> >> text-decoration:none;
> >>color:#C90;
> >> }
> >>
> >> Con los "class" en "strong" pero no funciona, al pasar el ratón no
> >> aplica el estilo...
> >>
> >>
> > Si te fijas, lo que estás haciendo en la segunda definición de tu
> > CSS es
> > asignar el color al contenido de un strong dentro de un enlace de
> > clase
> > "resaltada". Mientra en el código no has definido ningún enlace de
> > esta
> > clase.
> >
> > Para no confundirnos más, prueba ponerle la misma clase a los
> > enlaces y
> > elementos strong.
> >
> > Ej.
> > Tie > class="resaltada">nda
> >
> > y los sigiuentes estilos:
> > a.resaltada:hover strong.resaltada {
> > text-decoration:none;
> >color:#C90;
> > }
> >
> > Ya me dirás si así te vale o no.
> >
> > Un saludo,
> > Tamara
> > ___
> > 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
--
Nesta Guerrero Pancorbo
Emergya Consultoría
Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13
E41020 Sevilla
Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73
___
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] CSS a:hover que no sé hacer funcion ar
yo tampoko lo he probado, pero creo que si no es así es muy parecido,
instalate el addons de firefox "firebug, y realiza los cambios ahi mismo
en el explorador" puedes editar el css y cambiar lo que quieras, es
mucho mas rapido.
El jue, 07-08-2008 a las 13:08 +0200, Tamara Forza escribió:
> Hola Javier,
>
>
> > Si asigno la clase al enlace me cambia el estilo de todo el texto,
> > solo quiero cambiar el estilo de esa letra en concreto.
> >
> >
> Perdona, no lo había entendido. Entonces prueba con el mismo código que te
> indiqué antes pero con estos estilos:
>
> a.resaltada:hover strong {
>text-decoration:none;
> }
>
> No lo he probado pero pienso que debería funcionar.
>
> Saludos,
> Tamara
> ___
> 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
--
Nesta Guerrero Pancorbo
Emergya Consultoría
Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13
E41020 Sevilla
Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73
___
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
