Comunidad de diseño web y desarrollo en internet online

Menú con link en css

Citar            
MensajeEscrito el 06 Sep 2007 10:55 am
Alguien puede darme alguna idea de como hacer que en un menú simple hecho con links en css, hacer que cuando pulsas en uno de los botones del menú, éste quede en un color diferente al del resto de los botones inactivos, para que el usuario sepa en qué sección está. He probado con :

#top a:link, a:hover, a:active {font-weight:bold;text-decoration:none;color:
#cccccc; font-size:10px;}
#top a:hover {text-decoration:none; color:#d1a921;}
#top a:visited{text-decoration:none; color:#d1a921;}

Pero esto me activa todos los botones en los que ya has entrado.
Supongo que la solución será crear una clase especial para el boton activo, pero claro así tendría que personalizar el menu en cada página dependiendo del botón que quiero resaltar.
Esta solución no me gusta porque soy más partidaria de unificar la css y no tener que ir cambiando cada página, pero la verdad que no encuentro como hacerlo.

Si se os ocurre algo!! :lol: ya sabeis!

Por anacorral

4 de clabLevel



Genero:Femenino  

Asturias

firefox
Citar            
MensajeEscrito el 10 Sep 2007 11:00 pm
Agregar una ID (o clase, aunque no lo recomendaría) a la sección actual. Así ya puedes, suponiendo que estás en la sección "Lorem":

Código :

<a href="/">Inicio</a>
<a href="/lorem" id="current">Lorem</a>
<a href="/ipsum">Ipsum</a>

Y en css, asignas un color diferente a #top a#current.

Por Alan

470 de clabLevel

2 tutoriales

 

firefox

 

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