Gracias, pero no consigue el efecto que busco.

Javier

El 07/08/2008, a las 15:12, xanfran escribió:

> Hola Javier
>
> Si lo único que quieres que al poner el link encima del enlace,  
> ponga toda
> la palabra en gris y sin text-decoration, incluida la letra  
> resaltada, lo
> único que debes es cambiar el orden de tu primera declaración:
>
> .resaltada a:hover {
>       text-decoration:none;
> }
>
>
> y poner:
>
> a:hover .resaltada {
>    text-decoration:none;
> }
>
> y si quieres poner más cambios a la letra resaltada al poner encima  
> de la
> palabra debes ponerlos en:
>
> a:hover .resaltada
>
>
> Espero que te sirva...
>
>
>
> 2008/8/7 citius <[EMAIL PROTECTED]>
>
>> Buenos días,
>>
>> Creo que es ésto lo que buscas:
>>
>> <!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" />
>> <style>
>> @charset "UTF-8";
>>
>> * {
>>      margin:0px;
>>      padding:0px;
>> }
>>
>> body {
>>      background-color:#000;
>>      font-family:Verdana, Arial, Helvetica, sans-serif;
>>      font-size:1.0em;
>> }
>> /*texto sin destacar*/
>> a:link, a:visited, a:active {
>>      text-decoration:none;
>>      color:#C90;
>> }
>>
>> a:hover {
>>      color:#666;
>> }
>> /*letra destacada del texto sin destacar*/
>> a:link  strong, a:visited  strong, a:active strong{
>>      text-decoration:underline;
>>      color:#666;
>> }
>>
>> a:hover  strong{
>>      text-decoration:none;
>>      color:#C90;
>> }
>> /*enlace destacado*/
>> a.resaltada:link, a.resaltada:visited, a.resaltada:active {
>>       text-decoration:none;
>>      color:#C90;
>>       font-weight:bold
>> }
>> a.resaltada:hover {
>>      color:#666;
>>      font-weight:bold
>> }
>> /*letra destacada  enlace destacado*/
>> a.resaltada:link  strong, a.resaltada:visited  strong,  
>> a.resaltada:active
>> strong{
>>      text-decoration:underline;
>>      color:#666;
>>      font-weight:bold
>> }
>>
>> a.resaltada:hover  strong{
>>      text-decoration:none;
>>      color:#C90;
>>       font-weight:bold
>> }
>>
>> #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;
>> }
>>
>> </style>
>> </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>o</strong>nes</a></ 
>> li>
>>   <li><a href="novedades.html">Nov<strong>e</strong>dades</a></li>
>>   <li><a href="contactar.html">Cont<strong>a</strong>ctar</a></li>
>> </ul>
>> </div>
>> </body>
>> </html>
>>
>> Un saludo,
>> Josean
>>
>> El 7 de agosto de 2008 14:36, Alvarez Laurnaga, Jose Antonio <
>> [EMAIL PROTECTED]> 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
>>
>
>
>
> -- 
> 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
>

_______________________________________________
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