Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: reef en 26 de Noviembre de 2011, 01:03:11 am

Título: Ayuda con link en css
Publicado por: reef en 26 de Noviembre de 2011, 01:03:11 am
Bueno necesito ayuda en css, miren tengo unas opciones en el panel y las tengo con css con hover, link,active,visited pero hay otros que son otros links de las noticias y quiero que esten con otro color no con el mismo del panel como lo puedo hacer si los links estan en los mismo archivos, muchas gracias por al ayuda si me la dan.

style.css:
Código: [Seleccionar]
a:link {
color: #FFF;
font-weight:bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
a:hover {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
a:active {
text-decoration: none;
font-weight:bold;
color: #FFF;
}
y lo que quiero es ponerle otros de esto mismo pero con otro color a diferente links, haber si me entienden, muchas gracias.
Título: Re:Ayuda con link en css
Publicado por: Mixvice en 26 de Noviembre de 2011, 04:18:52 am
Puedes meter el texto de las noticias en un div,
Código: [Seleccionar]
<div id="#noticias">

text

</div>


y al css le agregas:

Código: [Seleccionar]
#noticias a{
color:#ff0000;
}

#noticias a:visited{
color:#ff0076;
}
Título: Re:Ayuda con link en css
Publicado por: reef en 26 de Noviembre de 2011, 16:15:05 pm
Muchas gracias por la solucion, no lo tenia en un div le puse el id al href y hice lo mismo que dijsite tu, es que no sabia como ponerlo, muchas gracias, por si alguien le sirve les dejo el codigo, aunque creo que se puede optimizar aun mas:
Código: [Seleccionar]
#noti{
color:#000;
}
#noti:link {
color:#000;
font-weight:bold;
text-decoration: none;
}
#noti:visited {
text-decoration: none;
font-weight:bold;
color:#000;
}
#noti:hover {
text-decoration: none;
font-weight:bold;
color:#000;
}
#noti:active {
text-decoration: none;
font-weight:bold;
color:#000;
}
Título: Re:Ayuda con link en css
Publicado por: nmartin021 en 26 de Noviembre de 2011, 22:25:27 pm
Sería mejor usar class en vez de id, ya que sólo un elemento puede tener un id, no se puede repetir.
Así que es mejor esto:
Código: [Seleccionar]
.link{ ... }que esto:
Código: [Seleccionar]
#link{ ... }
Título: Re:Ayuda con link en css
Publicado por: Mixvice en 27 de Noviembre de 2011, 04:34:17 am
Sería mejor usar class en vez de id, ya que sólo un elemento puede tener un id, no se puede repetir.
Así que es mejor esto:
Código: [Seleccionar]
.link{ ... }que esto:
Código: [Seleccionar]
#link{ ... }

En realidad el pide para un lugar en especial, en este caso las noticias por eso sería mejor darle un id y no un class