Foros del Web » Creando para Internet » CSS »

2 estilos diferentes en un mismo link

Estas en el tema de 2 estilos diferentes en un mismo link en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/05/2009, 11:31
fjw
 
Fecha de Ingreso: mayo-2008
Mensajes: 52
Antigüedad: 9 años, 7 meses
Puntos: 0
2 estilos diferentes en un mismo link

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
  #2 (permalink)  
Antiguo 11/05/2009, 11:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 2 estilos diferentes en un mismo link

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>
  #3 (permalink)  
Antiguo 11/05/2009, 11:53
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: 2 estilos diferentes en un mismo link

crea un span para ello
Código css:
Ver original
  1. a {color: #c00; text-decoration: none;}
  2. a span {color: #093; text-decoration: none;}
  3. a:hover {color: #f60; text-decoration: underline}
  4. a:hover span { color: #fff; text-decoration: none}

Y en el html
Código html:
Ver original
  1. <a href="#"....> Este es un link <span>con 2 colores diferentes</span></a>

QUIERO LA FOTO FINISH
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 11/05/2009, 11:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 2 estilos diferentes en un mismo link


La foto finish ha resuelto.
  #5 (permalink)  
Antiguo 11/05/2009, 11:57
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: 2 estilos diferentes en un mismo link

Esto me pasa por pararme a buscar los colores
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 11/05/2009, 11:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: 2 estilos diferentes en un mismo link

Cita:
Iniciado por kseso? Ver Mensaje
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.
  #7 (permalink)  
Antiguo 03/06/2009, 00:07
 
Fecha de Ingreso: junio-2009
Mensajes: 1
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: 2 estilos diferentes en un mismo link

Mil gracias a mi también me ayudó lo que kseso? puso!!, excelente!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 09:18.