Foros del Web » Creando para Internet » CSS »

Enlaces sin línea de subrayado

Estas en el tema de Enlaces sin línea de subrayado en el foro de CSS en Foros del Web. Saludos. Disculpen, quiero crear una clase para asignarla a un enlace o link, pero que éste no muestre la línea de subrayado. Gracias por alguna ...
  #1 (permalink)  
Antiguo 20/09/2006, 10:14
Avatar de jorge25  
Fecha de Ingreso: noviembre-2005
Ubicación: Venezuela, San Juan de Los Morros.
Mensajes: 165
Antigüedad: 12 años, 1 mes
Puntos: 1
Enlaces sin línea de subrayado

Saludos.

Disculpen, quiero crear una clase para asignarla a un enlace o link, pero que éste no muestre la línea de subrayado.

Gracias por alguna sugerencia.
__________________
Debian GNU/Linux 4.0 "Etch"

La felicidad no es un camino, es un estado de ánimo. Jorge Morgado
  #2 (permalink)  
Antiguo 20/09/2006, 10:19
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola jorge25

¿Has mirado en las FAQs?

Saludos,
  #3 (permalink)  
Antiguo 20/09/2006, 10:29
Avatar de jorge25  
Fecha de Ingreso: noviembre-2005
Ubicación: Venezuela, San Juan de Los Morros.
Mensajes: 165
Antigüedad: 12 años, 1 mes
Puntos: 1
Cita:
Iniciado por JavierB Ver Mensaje
Hola jorge25

¿Has mirado en las FAQs?
Ok, gracias.
__________________
Debian GNU/Linux 4.0 "Etch"

La felicidad no es un camino, es un estado de ánimo. Jorge Morgado
  #4 (permalink)  
Antiguo 20/09/2006, 11:44
Avatar de jorge25  
Fecha de Ingreso: noviembre-2005
Ubicación: Venezuela, San Juan de Los Morros.
Mensajes: 165
Antigüedad: 12 años, 1 mes
Puntos: 1
Bueno, he leido las FAQs y la forma de harcerlo colocando el código entre las etiquetas <HEAD> y </HEAD> de la página:

Código:
<style type="text/css">
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
</style>
Pero yo lo que quiero es hacer una clase para asignarla a la etiqueta <BODY>. He intentado de algunas maneras pero no me funciona. Por ejemplo:

Código:
.enlace {
	a:link text-decoration:none;
	a:visited text-decoration:none;
	a:hover text-decoration:none;
	a:active text-decoration:none;
	a:text-decoration:none;
}
Esto no me funciona. ¿Hay alguna forma de hacerlo como yo pienso? Gracias.

(En una hoja de estilo aparte)
__________________
Debian GNU/Linux 4.0 "Etch"

La felicidad no es un camino, es un estado de ánimo. Jorge Morgado

Última edición por jorge25; 20/09/2006 a las 12:05
  #5 (permalink)  
Antiguo 20/09/2006, 13:12
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Bien puede ser asi:
Cita:
a.enlace:link {text-decoration:none;}
a.enlace:visited { text-decoration:none;}
a.enlace:hover {text-decoration:none;}
a.enlace:active {text-decoration:none;}
o asi
Cita:
a.enlace:link, a.enlace:visited, a.enlace:hover, a.enlace:active {
text-decoration:none;
}
para ello tienes que agregarle la clase al elemento que quieras, ejemplo:


Cita:
<span class="enlace"><ol>
<li><a href="pagina1">boton1</a></li>
<li><a href="pagina2">boton2</a></li>
<li><a href="pagina3">boton3</a></li>
<li><a href="pagina4">boton4</a></li>
</ol>
</span>
ten en cuenta que "a" es un selector o elemento, y :visited, :hover, etc son seudo clases, por lo tanto para declarar clases a los links, tienes que ponerlos entre el selector y la seudo clase, o sea entre "a" y :visited, :hover, :link, etc.


Espero haberte sido de ayuda
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #6 (permalink)  
Antiguo 20/09/2006, 16:47
Avatar de jorge25  
Fecha de Ingreso: noviembre-2005
Ubicación: Venezuela, San Juan de Los Morros.
Mensajes: 165
Antigüedad: 12 años, 1 mes
Puntos: 1
Cita:
Iniciado por fearlex Ver Mensaje
Espero haberte sido de ayuda
Gracias por tu respuesta, me funcionó.

Ahora otra cosa que quiero y que hice, es que el enlace tenga la línea debajo cuando el cursor del ratón esté sobre el link. Perfecto, pero cuando es visitado, deja de aparecer onMouseOver (por decirlo así) ¿?

He probado de varias formas pero nada, de hecho todas están "underline" exepto la propiedad visited y no me muestra la línea debajo.
__________________
Debian GNU/Linux 4.0 "Etch"

La felicidad no es un camino, es un estado de ánimo. Jorge Morgado
  #7 (permalink)  
Antiguo 20/09/2006, 21:58
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Bien puede ser asi:
Cita:
a.enlace:link {text-decoration:none;}
a.enlace:visited { text-decoration:none;}
a.enlace:hover {text-decoration:underline;}
a.enlace:active {text-decoration:underline;}
o asi
Cita:
a.enlace:link, a.enlace:visited { text-decoration:none; }

a.enlace:hover, a.enlace:active {text-decoration:underline; }
Espero haberte sido de ayuda
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #8 (permalink)  
Antiguo 21/09/2006, 08:37
Avatar de jorge25  
Fecha de Ingreso: noviembre-2005
Ubicación: Venezuela, San Juan de Los Morros.
Mensajes: 165
Antigüedad: 12 años, 1 mes
Puntos: 1
Cita:
Iniciado por fearlex Ver Mensaje
Bien puede ser asi:

Cita:
a.enlace:link {text-decoration:none;}
a.enlace:visited { text-decoration:none;}
a.enlace:hover {text-decoration:underline;}
a.enlace:active {text-decoration:underline;}
Funciona de esa manera, pero una vez que el enlace ha sido visitado, deja de mostrar la línea debajo cuando está el cursor del ratón sobre él.
__________________
Debian GNU/Linux 4.0 "Etch"

La felicidad no es un camino, es un estado de ánimo. Jorge Morgado
  #9 (permalink)  
Antiguo 22/09/2006, 07:50
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
NO creo que puedas lograr eso que quieres con CSS, de todas formas, espero estar equivocado :D
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
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 14:59.