CCS

LiNK
05 de Diciembre del 2003
Saludos gente.
¿Que tengo que hacer para que dentro de una misma pagina unos links actuen de una determinada forma y otros de otra? Es decir, por ejemplo, que al pasar el raton por encima de unos aparezca el subrayado y por encima de otros cambien de color.
Creo que es con CCS, pero yo no se utilizar eso.
Espero vuestra ayuda, Gracias a todos

oscararzola
05 de Diciembre del 2003
es facil mira.. aqui un ejemplo

Tienes que definir los tipos de links, en un archivo aparte con extencion CSS o bien en el head de tu pagina, Css utiliza estilos para cada cosa y la tienes que definir en el archivo los atributos.

//esto es CSS
//CON ESTE CODIGO CSS VAS A DEFINIR LOS LINKS PRINCIPALES O BIEN LOS QUE SE DEFINIRIAN AUTOMATICAMENTE SIN DECLARARLE LA ETIQUETA..

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#FF9900
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}

SI NOTAS son cuatro elementos y corresponden a los cuatro estados de un link.. OSEA
link = normal
hover = cuando pasa el mouse encima del vinculo
visited = cuando ya lo pulsaste
active = el ultimo que pulsaste.

Bueno pero si tu necesitas que otros links no sean iguales en color o subrayado solo tienes que definir otros elementos de "a"..

Ejemplo
//Links diferentes de menu

A.menu:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}
A.menu:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#FF9900
}
A.menu:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}
A.menu:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#3333FF
}

y solo te faltaria checar las propiedades como text-decoration esa quiere decir que esten subrayados si no los quieres subrayados solo ponle normal o quita la linea..

aka os.

oscararzola
05 de Diciembre del 2003
se me olvidaba que a tus links tendrias que hacerles esto, a los de el llamado MENU

<a class="menu" href="page.htm">hola</a>
para los demas links no es necesario solo los de el atributo menu..