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

Responder a