Foros del Web » Creando para Internet » HTML »

enlaces-subrayado | letras con resalte

Estas en el tema de enlaces-subrayado | letras con resalte en el foro de HTML en Foros del Web. muy buenas, quisiera saber como se hace para que un link se subraye solo cuando el puntero del mouse pasa por encima del mismo; y ...
  #1 (permalink)  
Antiguo 01/09/2004, 10:48
 
Fecha de Ingreso: abril-2004
Ubicación: City Bell
Mensajes: 41
Antigüedad: 20 años
Puntos: 0
enlaces-subrayado | letras con resalte

muy buenas, quisiera saber como se hace para que un link se subraye solo cuando el puntero del mouse pasa por encima del mismo; y a su vez la tipografia cambie a negrita o de color.

muchisimas gracias, saludos
  #2 (permalink)  
Antiguo 01/09/2004, 11:01
Avatar de Khronos  
Fecha de Ingreso: agosto-2004
Ubicación: Venezuela, PLC
Mensajes: 218
Antigüedad: 19 años, 7 meses
Puntos: 0
Para eso tienes ke usar estilos CSS. Te pongo un código de ejemplo para ke lo pruebes.
<style type="text/css">
A:link {
COLOR: #cd2e2b; TEXT-DECORATION: none;
}
A:visited {
COLOR: #cd2e2b; TEXT-DECORATION: none;
}
A:active {
COLOR: #cd2e2b; TEXT-DECORATION: none;
}
A:hover {
COLOR: Black;
TEXT-DECORATION: underline;
background-color: #cd2e2b;
}
</style>
Eso tendrías ke colocarlo entre <head> y </head>.
__________________
When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury.
  #3 (permalink)  
Antiguo 01/09/2004, 11:01
Avatar de Aurora  
Fecha de Ingreso: septiembre-2003
Mensajes: 272
Antigüedad: 20 años, 7 meses
Puntos: 0
Hola don vito,

se puede hacer con estilos:

a:link {
color : #000000;
text-decoration : none;
font-weight: normal;
}

a:hover {
color : #000000;
text-decoration : underline;
font-weight: bold;
}

aunque creo que este último, cuando el ratón se situa encima del link, sólo funciona en IE.

Saludos,
Aurora

Editado:

Vaya choque!!!

Última edición por Aurora; 01/09/2004 a las 11:03
  #4 (permalink)  
Antiguo 01/09/2004, 11:06
Avatar de Khronos  
Fecha de Ingreso: agosto-2004
Ubicación: Venezuela, PLC
Mensajes: 218
Antigüedad: 19 años, 7 meses
Puntos: 0
Cita:
Iniciado por Aurora
Hola don vito,

se puede hacer con estilos:

a:link {
color : #000000;
text-decoration : none;
font-weight: normal;
}

a:hover {
color : #000000;
text-decoration : underline;
font-weight: bold;
}

aunque creo que este último, cuando el ratón se situa encima del link, sólo funciona en IE.
a:hover tambien funciona en Mozilla (probado en Mozilla Firefox)
__________________
When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury.
  #5 (permalink)  
Antiguo 01/09/2004, 11:12
 
Fecha de Ingreso: abril-2004
Ubicación: City Bell
Mensajes: 41
Antigüedad: 20 años
Puntos: 0
será probado, muchas gracias
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




La zona horaria es GMT -6. Ahora son las 13:10.