Comunidad de diseño web y desarrollo en internet online

CSS para links

Citar            
MensajeEscrito el 15 Feb 2010 04:23 pm
He realizado el siguiente estilo con el fin de que funcione en los enlaces que he colocado en una pagina pero solo me funciona el a:hover y aun cuando el cambio el color no retoma el nuevo.
Quisiera saber como hago para que funcione en mi pagina y si lo coloco dentro del <a href> o del <p>.


.enlax {
A:link text-decoration:underline;
color:#000099;
font-size:18px;
font-weight:bold;
A:visited text-decoration:underline;
color:#00FF00;
font-size:18px;
font-weight:bold;
A:active text-decoration:none;
color:#000000;
font-size:18px;
font-weight:bold;
A:hover text-decoration:underline;
color:#00ff00;
font-size:18px;
font-weight:bold;
font-family: "Comic Sans MS", cursive;
font-style: normal;
}

Por silviae

11 de clabLevel



 

msie8
Citar            
MensajeEscrito el 15 Feb 2010 05:54 pm
hola, para darle estilos a los enlaces la configuracion deberia ser asi :

a:link {
text-decoration:underline;
color:#000099;
font-size:18px;
font-weight:bold;
}
a:visited {
text-decoration:underline;
color:#00FF00;
font-size:18px;
font-weight:bold;
}
a:active {
text-decoration:none;
color:#000000;
font-size:18px;
font-weight:bold;
}
a:hover {
text-decoration:underline;
color:#00ff00;
font-size:18px;
font-weight:bold;
font-family: "Comic Sans MS", cursive;
font-style: normal;
}
nota: esto te cambiaria el estilo a todos los enlaces de tu pagina, para hacer que solo cambien los enlaces de un bloque en especifico, te recomiendo que pongas los enlaces dentro de una etiqueta <div> de esta manera:

<div id="vinculos"> enlaces aqui</div>

y en los estilos agregas este id "vinculos" de la siguiente forma, en todos los estados del enlace:

#vinculos a:link {
text-decoration:underline;
color:#000099;
font-size:18px;
font-weight:bold;
}
#vinculos a:visited {
text-decoration:underline;
color:#00FF00;
font-size:18px;
font-weight:bold;
}
igual proceso en las demas etiquetas

Por idachamo

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Feb 2010 07:00 pm
como dice idachamo tenes que separar las entradas a:hover a:visited etc de esta manera podes generar estilos diferentes para cada una de ellas

Por rscn

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Feb 2010 02:51 pm
Recuerda que hay un orden que debes respetar a la hora de declarar los estilos para evitar problemas.

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

Saludos

Por DvillB

118 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.