2 estilos diferentes en un mismo link

fjw · #1 (**permalink**) 11/05/2009, 10:31

Hola, cómo están? Me estoy volviendo loco con esto!

Yo quiero tener un link que se vea así por ejemplo:
Este es un link con 2 caras diferentes

Y quiero que cuando esté el mouse por arriba, salga así:
Este es un link con 2 caras diferentes

Mikmoro · #2 (**permalink**) 11/05/2009, 10:52

Prueba esto:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es">
<head>
<style type="text/css">
#enlaces a {color: #f00; text-decoration: none;}
#enlaces a span {color: #0f0;}
#enlaces a:hover {color: #00f;}
#enlaces a:hover span {color: #000;}
</style>
</head>
<body>
<div id="enlaces">
<a href="#">Este es un link<span> con 2 caras diferentes</span></a>
</div>
</body>
</html>

kseso? · #3 (**permalink**) 11/05/2009, 10:53

crea un span para ello

Código css:

Ver originala {color: #c00; text-decoration: none;}
a span {color: #093; text-decoration: none;}
a:hover {color: #f60; text-decoration: underline}
a:hover span { color: #fff; text-decoration: none}

Y en el html

Código html:

Ver original<a href="#"....> Este es un link <span>con 2 colores diferentes</span></a>

QUIERO LA FOTO FINISH

Mikmoro · #4 (**permalink**) 11/05/2009, 10:54

La foto finish ha resuelto.

kseso? · #5 (**permalink**) 11/05/2009, 10:57

Esto me pasa por pararme a buscar los colores

Mikmoro · #6 (**permalink**) 11/05/2009, 10:57

Cita:

Iniciado por kseso?

Esto me pasa por pararme a buscar los colores

Sí. Y además has puesto bien el subrayado al enlace en el HOVER, y yo no.

lishi · #7 (**permalink**) 02/06/2009, 23:07

Mil gracias a mi también me ayudó lo que kseso? puso!!, excelente!