Gracias Lucas, me ha gustado mucho tu solución pero el caso es que no es en el evento "hover" sino es diferenciar el LI seleccionado de los otros que no están seleccionados. La solución correcta, como ya dijeron en mensajes anteriores, es poniendo un ID a ese LI seleccionado y luego creando una clase que tenga la imagen que me diferencia.
Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Lucas Mourelle Enviado el: Wednesday, June 28, 2006 5:54 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] La clasica pregunta del elemento seleccionado El tema es que así tiene que cargar la otra imagen en el momento... lo que se suele hacer es tener las dos imágenes en una... y "moverla" para mostrar una u otra parte de dicha imagen (que estará puesta como imagen de fondo). Por ejemplo así: ======================= #botonera li#sopranos a { background: no-repeat url(images/boton_sopranos.gif); display: block; width: 111px; height: 21px; } #botonera li#sopranos a:hover { background: no-repeat url(images/boton_sopranos.gif) 0px -22px; } ======================= De esta manera, es como tener un preloader sin programar absolutamente nada. saludos! Lucas -- =============================== LucasMourelle - desarrollos rgb =============================== 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] =============================== carlos campderrós wrote: > On 6/28/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > >> El hecho es que tengo un menú con LI que tiene una imagen de fondo, lo que >> quiero hacer es cambiar esa imagen por otra cuando el elemento se halle >> seleccionado. Creo que tiene algo que ver con los ID pero no recuerdo bien. >> > > puede ser q tengas esta estructura dentro de la lista: > <li><a href="bla">bla</a></li> > > css: > a { > display: block; > width: 100%; > height: 100%; > padding-left: 30px; > background: url(bla.png) transparent 50% 0 no-repeat; > } > > a:hover { > background: url(foo.png) transparent 50% 0 no-repeat; > } > > esto funcionará en cualquier navegador. > > si no tienes los enlaces y es solo el <li>, pues de igual manera, > aplicandole el :hover al <li> (IE no lo soporta). > > pd: hablo de memoria, pero creo q es correcto. > > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
