Hice unos efectos con CSS en los Links, ahora quiero hacer links normales

MeneXe · #1 (**permalink**) 26/11/2009, 18:34

Hice unos efectos con CSS en los Links, ahora quiero hacer links normales y me salen con esa decoracion... estuve leyendo sobre las pseudoclases pero todavia no entiendo muy bien el tema de las clases y estilos etc...

Si necesitan el codigo avisenme, gracias :)

zerokilled · #2 (**permalink**) 27/11/2009, 00:18

tienes que declarar los estilos de forma mas especifica. lo mas seguro tengas algo como lo siguiente.

Código:

a:link{
...
}
a:visited{
...
}
a:active{
...
}
a:hover{
...
}

los selectores (a:link, a:visted, ...) estan definidos como si fuera de forma global. es decir, afectan a todos los elementos anchors. tienes que definirlo de forma mas especificas segun donde tu quieres que se aplique los estilos. por ejemplo, puedes tener un grupo de selectores que aplique a todos los enlaces, como el ejemplo anterior, más otro grupo para que afecten una seccion en particular.

Código:

.seccion a:link{
...
}
.seccion a:visited{
...
}
.seccion a:active{
...
}
.seccion a:hover{
...
}

Código HTML:

<div class='seccion'><a href="#">enlace</a></div>
<a href="#">enlace</a>

un ejemplo para demostrarlo,

Código HTML:

<!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'><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test Development</title>

<style type='text/css'>
.seccion a:link{
color:blue;
text-decoration:none;
}
.seccion a:hover{
color:red;
}

a:link{
color:black;
}
a:hover{
color:blue;
}
</style>
</head>

<body>
<a href="#">enlace</a>
<div class='seccion'><a href="#">enlace</a></div>
</body></html>

un capitulo que te puede ayudar a comprender el tema de los selectores, http://www.librosweb.es/css/capitulo2.html

zerokilled · #3 (**permalink**) 27/11/2009, 00:19

ignorar este mensaje, doble post...
si un moderador puede eliminar este mensaje, mas que agradecido...