Rollover links color

[palilloman]

Como hacer para que un link cambie de color, y además no ponga subrayado.-

si me pueden pasar el codigo les agradezco

gracias...

[yogiri]

Iniciado por palilloman

Como hacer para que un link cambie de color, y además no ponga subrayado.-

si me pueden pasar el codigo les agradezco

gracias...

Suponoindo un link

<a href="#" class="pepe">Link</a>

CSS:

.pepe{
text-decoration:none;
color:#B5430D;
}

.pepe:hover{
text-decoration:none;
color:#000000;
}

Saludos!

[baccxus]

Así no tendrías que ponerle clase uno por uno:

Esto es para toda la página:

Código:

a:link {/*cuando no esta en uso el link y lo que se hereda*/
text-decoration: none;
color: grey;
}
a:active {*/cuando haces click*/
color: red;
}
a:visited {*/cuando la página ha sido visitada*/
color: #CCCCCC;
text-decoration: overline;
}
a:hover {/*cuando está el mouse encima del link
color: white;
background-color: red;
}

y se aplica así:

Código HTML:

<a href="tulink.html>Aqui tu link</a> 

Ahora, si quieres que una parte de tu página tenga algo diferente puedes usarlo con clases o id así:

Código:

.clase a:link {/*cuando no esta en uso el link y lo que se hereda*/
text-decoration: none;
color: green;
}
.clase a:active {*/cuando haces click*/
color: blue;
}
.clase a:visited {*/cuando la página ha sido visitada*/
color: brown;
text-decoration: overline;
}
.clase a:hover {/*cuando está el mouse encima del link
color: white;
background-color: black;
}

[yogiri]

Claro, la idea del caso que di yo es que a todos los links deberias colocarles la clase. Por como se esta trabajando ahora seria lo mas recomendado (el colocar clases y no referirse a una entidad como tal), pero todo depende de como tengas planeado hacer el sitio y de como estes acostumbrado a trabajar.