imagen o fondo en menu seleccioando

macwarez · #1 (**permalink**) 12/01/2006, 17:08

Saludos tengo un <li> que utilizo como menu y cada elemento tiene asignado una imagen como puedo hacer en css para que al seleccionar por ejemplo el elemento 2 cambie la imagen o fondo que tenia y quede resaltado hasta precionar otro elemento? nose si se puede hacer con css sin usar javascrip les agradeceria mucho la ayuda.

#2 (**permalink**) 12/01/2006, 17:17

deberías hacerlo con javascript, ya que css no se puede modificar por sí mismo.

Saludos.

iconogt · #3 (**permalink**) 12/01/2006, 21:19

Prueba con esto:

Código:

/*Digamos que el menú "li" se encuentra en un div que 
llamaremos (menú), entonces hacemos las siguientes declaraciones*/

#menu a:hover {
list-style-type : none;
background-image : url(fondo.gif);
background-position : top left;
background-repeat : no-repeat;  /*solo por si la imagen cubre todo el campo*/
}

Con eso tendría que funcionar

Slds...

CORE · #4 (**permalink**) 13/01/2006, 12:22

al code que agrego iconogt

prueba asi

Cita:

#menu a:hover:focus {
list-style-type : none;
background-image : url(fondo.gif);
background-position : top left;
background-repeat : no-repeat; /*solo por si la imagen cubre todo el campo*/
}

macwarez · #5 (**permalink**) 13/01/2006, 13:58

Saludos muchas gracias por contestar, les agradesco mucho la ayuda pero el codigo no me funciona como lo que quiero, lo que necesito es que al seleccionar un menu el menu quede sombreado para que se vea que ese es el que se ha seleccionado, como en el ejemplo que les pongo acontinuacion:

http://www.phpwebcommerce.com/plaincart/index.php

asi es como necesito que se ponga, he estado revisando el codigo de ese sitio y por lo que veo ese menu no utiliza javascrip unicamente se hace con php nose si me equivoco y si habra alguna forma de hacer lo mismo con css porque he probado el codigo que me han dado pero solo me funciona en rollover y lo que necesito es para seleccion, denuevo muchas gracias por la ayuda.

#6 (**permalink**) 13/01/2006, 18:03

por eso decía, es sencillo hacer una función javascript para llamar en onclick, que haga lo siguiente:

function cambia_fondo(elemento) {
elemento.style.backgroundColor = "el color que quieras";
}

claro que deberías modificar un poco para hacer que además se vuelva a la normalidad cualquier fondo modificado anteriormente, pero ese detalle es Javascript, no CSS.

Saludos.