Foros del Web » Creando para Internet » HTML »

No funciona text-decoration

Estas en el tema de No funciona text-decoration en el foro de HTML en Foros del Web. Buenas , estoy intentando quitar el subrayado y el color de los links en mi página web, he puesto en el css el text-decoration: none ...
  #1 (permalink)  
Antiguo 30/06/2012, 09:14
 
Fecha de Ingreso: marzo-2012
Mensajes: 77
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta No funciona text-decoration

Buenas , estoy intentando quitar el subrayado y el color de los links en mi página web, he puesto en el css el text-decoration: none y aún así me sigue saliendo el enlace en morado, espero que me podáis ayudar, saludos a todos.

Código:
<HTML>
<HEAD><TITLE></TITLE>
<STYLE type="text/css">

#header{
	
	margin-top:45px;
	-webkit-box-shadow: 7px 8px 15px #012;
}

#contenedor{

margin:0 auto;
width: 1020px;

}

@font-face{

font-family:MyriadPro-Regular;
src: url(fuentes/MyriadPro-Regular.otf) format('opentype');
}

ul{

font-family:MyriadPro-Regular;
list-style: none;
font-size:35px;
margin: 0px;
color:#E5E5E5;
text-shadow: 0px 2px 3px #666;
}

li{
float:left;
padding:15px;

}

#menu{

margin:0 auto;
width: 980px;

}

A{

text-decoration: none;

}

</STYLE>

</HEAD>

<BODY>
	
	<DIV id="contenedor">
	
	
		<IMG id="header" src="header.png"/>
	
	
	</DIV>
	
	<DIV id="menu">
	<UL>
		<A href="index.html"><LI>INICIO</LI></A>
		<LI>FOTOS</LI>
		<LI>TRABAJOS</LI>
		<LI>EQUIPO</LI>
		<LI>INFO</LI>
		<LI>CONTACTO</LI>
	</UL>
	</DIV>
	

	

</BODY>
</HTML>
  #2 (permalink)  
Antiguo 30/06/2012, 09:38
 
Fecha de Ingreso: marzo-2012
Mensajes: 77
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: No funciona text-decoration

Lo he solucionado introduciendo el mismo color de la letra del menú en el parámetro "color" en el CSS de los enlaces
  #3 (permalink)  
Antiguo 02/07/2012, 10:04
Avatar de sidneyendis  
Fecha de Ingreso: enero-2011
Ubicación: Ondara
Mensajes: 168
Antigüedad: 9 años, 4 meses
Puntos: 13
Respuesta: No funciona text-decoration

Me alegra saber que has solucionado tu solo tu problema (La mejor forma de aprender).

Lo que también podrías agregar es estilo al link una vez a sido visitado(a:visited) o cuando el cursor pasa por encima (a:hover), así lograras más efectos.

Un ejemplo:

Código CSS:
Ver original
  1. a{ color:#FFF;}
  2. a:visited{ color:#CCC;}
  3. a:hover{ color:#FFF; text-decoration:underline;}

Un saludo!
  #4 (permalink)  
Antiguo 08/07/2012, 03:33
 
Fecha de Ingreso: marzo-2012
Mensajes: 77
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: No funciona text-decoration

Gracias por el tip , está interesante.

Etiquetas: css, link, página, formulario
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 17:03.