No funciona text-decoration

manuxdjent · #1 (**permalink**) 30/06/2012, 09:14

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>

manuxdjent · #2 (**permalink**) 30/06/2012, 09:38

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**) 02/07/2012, 10:04

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 originala{ color:#FFF;}
a:visited{ color:#CCC;}
a:hover{ color:#FFF; text-decoration:underline;}

Un saludo!

manuxdjent · #4 (**permalink**) 08/07/2012, 03:33

Gracias por el tip , está interesante.