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 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
> _______________________________________________
> 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

Responder a