Hola xanfran, pues a mi no me funciona ni en Firefox, ni en Safari, ni
en Flock....
Ya he probado lo que comentas, lo he probado todo.
No tengo ni idea de lo que hago mal.
Javier
El 07/08/2008, a las 16:44, xanfran escribió:
> Hola Javier
>
> Pues lo dicho, pon:
>
> a:hover .resaltada {
> text-decoration:none;
> color:#C90;
> }
>
> en lugar de:
>
> .resaltada a:hover {
> text-decoration:none;
> }
>
> A mi me funciona...
>
> 2008/8/7 Javier Barcelona <[EMAIL PROTECTED]>
>
>> 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
>>>
>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
>> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
>>> ">
>>> <html xmlns="http://www.w3.org/1999/xhtml";>
>>> <head>
>>> <meta http-equiv="Content-Type" content="text/html;
>>> charset=UTF-8" />
>>> <title>
>>> BijuJolie.com
>>> </title>
>>> <link href="styles.css" rel="stylesheet" type="text/
>>> css"
>>> media="screen" />
>>> </head>
>>> <body>
>>> <div id="container">
>>> <div id="leftmenu">
>>> </div>
>>> <ul id="navbar">
>>> <li>
>>> <a href="tienda.html">Tie<strong
>> class="resaltada">n</strong>da</
>>> a></li>
>>> <li>
>>> <a
>>> href="colecciones.html">Colecci<strong
>> class="resaltada">o</
>>> strong>nes</a></li>
>>> <li>
>>> <a href="novedades.html">Nov<strong
>> class="resaltada">e</
>>> strong>dades</a></li>
>>> <li>
>>> <a href="contactar.html">Cont<strong
>> class="resaltada">a</
>>> strong>ctar</a></li>
>>> </ul>
>>> </div>
>>> </body>
>>> </html>
>>>
>>> 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.
>>>>>>>
>>>>>>> Peeeeero, 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:
>>>>>>>
>>>>>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>>>>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
>>>>>>> ">
>>>>>>> <html xmlns="http://www.w3.org/1999/xhtml";>
>>>>>>> <head>
>>>>>>> <meta http-equiv="Content-Type" content="text/html;
>>>>>>> charset=UTF-8" />
>>>>>>> <title>BijuJolie.com</title>
>>>>>>> <link href="styles.css" rel="stylesheet" type="text/css"
>>>>>>> media="screen" />
>>>>>>> </head>
>>>>>>>
>>>>>>> <body>
>>>>>>> <div id="container">
>>>>>>> <div id="leftmenu"></div>
>>>>>>> <ul id="navbar">
>>>>>>> <li><a href="tienda.html" class="resaltada">Tie<strong>n</
>>>>>>> strong>da</a></li>
>>>>>>> <li><a href="colecciones.html">Colecci<strong
>>>>>>> class="resaltada">o</strong>nes</a></li>
>>>>>>> <li><a href="novedades.html">Nov<strong class="resaltada">e</
>>>>>>> strong>dades</a></li>
>>>>>>> <li><a href="contactar.html">Cont<strong class="resaltada">a</
>>>>>>> strong>ctar</a></li>
>>>>>>> </ul>
>>>>>>> </div>
>>>>>>> </body>
>>>>>>> </html>
>>>>>>>
>>>>>>>
>>>>>>> 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.
>>>>>>>> <a href="tienda.html" class="resaltada">Tie<strong
>>>>>>>> class="resaltada">n</strong>da</a>
>>>>>>>>
>>>>>>>> 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 [email protected]
>>>>>>>> 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
>>>>>>> [email protected]
>>>>>>> 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 [email protected]
>>>>>> 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
>>>>> [email protected]
>>>>> 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 [email protected]
>>> 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 [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
>
> --
> Un saludo
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
