Hola Gael!

Prueba definiendo los estilos asi: (sin modificar el html)

a:link .estilo2    { text-decoration: none; color: #000000;}
a:visited .estilo2 { text-decoration: none; color: #000000;}
a:hover .estilo2   { text-decoration: none; color: #b0b000;}
a:active .estilo2  { text-decoration: none; color: #000000;}

a:link .estilo3     { text-decoration: none; color: #ffff00;}
a:visited .estilo3  { text-decoration: none; color: #ffff00;}
a:hover .estilo3   { text-decoration: none; color: #b0b000;}
a:active .estilo3   { text-decoration: none; color: #ffff00;}

espero que te ayude :D

un saludo

----- Original Message ----- 
From: "Gael" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Monday, March 22, 2004 11:33 AM
Subject: [Ovillo] Varios estilos en un mismo link


Hola!

Me presento, me llamo Gael. Me interesa el dise�o web, pero s�lo puedo
dedicarme en mi tiempo libre. Conoc� la lista a trav�s de aticco.com y este
es mi primer mensaje. Espero, con el tiempo, poder ir ayudando.

Ahora os planteo un problema, a ver qu� estoy haciendo mal. Tengo un enlace
dentro de una casilla de una tabla. Pongamos que el link son varias palabras
y quiero que dos de ellas usen un estilo propio, diferente al del resto del
link. El problema que tengo es que estas dos palabras parece que no hacen
caso al cambio de color del hover.

He definido los estilos as�:

.estilo1, .estilo2, .estilo3 {
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
.estilo1 { color: #000088; }
.estilo2 { color: #000000; }
.estilo3 { color: #ffff00; }

.estilo1 a:link    { text-decoration: none; color: #000088;}
.estilo1 a:visited { text-decoration: none; color: #000088;}
.estilo1 a:hover   { text-decoration: none; color: #b0b000;}
.estilo1 a:active  { text-decoration: none; color: #000088;}

.estilo2 a:link    { text-decoration: none; color: #000000;}
.estilo2 a:visited { text-decoration: none; color: #000000;}
.estilo2 a:hover   { text-decoration: none; color: #b0b000;}
.estilo2 a:active  { text-decoration: none; color: #000000;}

.estilo3 a:link    { text-decoration: none; color: #ffff00;}
.estilo3 a:visited { text-decoration: none; color: #ffff00;}
.estilo3 a:hover   { text-decoration: none; color: #b0b000;}
.estilo3 a:active  { text-decoration: none; color: #ffff00;}

He probado con:

<td class="estilo1"><a href="xxx.htm">Bla bla bla <span
class="estilo2">bla</span> <span class="estilo3">bla</span> bla bla</a></td>

y m�s combinaciones de spans y class, pero nada, todo sigue igual o peor.

Gracias por la ayuda.



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a