Botón activado en la página actual

[tempto]

Hola,

Tengo un menú con botones (enlaces) hecho en css. Mi pregunta es cómo puedo cambiar la imagen de cada enlace a pulsado, para así indicar en qué página está el usuario.

El cambio de imagen al pasar el ratón sé que es con :hover, pero lo que quiero es que al hacer clic se quede la imagen, y si hago clic en otro enlace, cambie la imagen a pulsado y el enlace anterior a no pulsado.


He buscado en el foro, pero lo que encuentro son soluciones creando una página por cada enlace y cargarla con la imagen de enlace ya pulsado, pero yo quiero hacerlo en la misma página, en una única página.

Existe alguna forma de hacerlo sólo con css o una función javascript al menos?

Gracias

[jomaruro]

Hola:

/*Modulos de Hipertexto*/

* A:link { } /* vínculos no visitados */
* A:visited { } /* vínculos visitados */
* A:hover { } /* el usuario señala el vínculo */
* A:active { } /* vínculos activos */

*/

Sacado de las propias FAQ's del foro CSS.

Saludos.

[tempto]

Pero si utilizo :visited, el enlace cambia de imagen, pero si pulso otro enlace, también cambia de imagen, por lo que habría dos enlaces con la imagen de pulsado, cuando sólo debería haber uno :S

O igual se puede hacer, pero no sé cómo utilizarlos ¿?


EDITO: Ya lo he solucionado, al final con JQuery, gracias por el FAQ

[jomaruro]

Hola:

Iniciado por tempto

Pero si utilizo :visited, el enlace cambia de imagen, pero si pulso otro enlace, también cambia de imagen, por lo que habría dos enlaces con la imagen de pulsado, cuando sólo debería haber uno :S

Ya lo has solucionado pero por si lo necesitas otra vez. El :visited marca las páginas que ya has visitado, en tu caso deberías utilizar :active.

Saludos.

[tempto]

Gracias lo tendré en cuenta