No estoy seguro pero prueba con esto: li a:focus, li a:link { background-image: url("bleble.png"); }
----- Original Message ----- From: "Reynier Perez Mira" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> Sent: Friday, May 26, 2006 9:20 AM Subject: Re: [Ovillo] Tabs con rollover Gracias a todos. Me ha funcionado a la perfección pero ahora me han pedido que mantenga la segunda imagen o sea la de rollover mientras el elemento este seleccionado. Para explicarme mejor: si hago click en un tab determinado ese tab debe cambiar la imagen de fondo y mantenerla hasta que no haga click en otro tab. Es esto posible? Salu2 -- ReynierPM | Kubuntu 5.10 | 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 Nacho > Enviado el: Friday, May 26, 2006 3:31 AM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Tabs con rollover > > 2006/5/26, carlos campderrós <[EMAIL PROTECTED]>: > > > > On 5/26/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote: > > > Hola lista: > > > Tengo que maquetar una web y el menu tiene un rollover de > imagenes. > > > Es posible maquetar esto usando CSS ? Imagino que pueda > hacerse con: > > > > si las imagenes están de fondo, puedes. Si están incrustadas en el > > html, no puedes y necesitas javascript a la fuerza. > > > > como background: > > > > li a > > { > > display: block; > > width: 100%; > > height: 100% > > background-image: url("blabla.png"); } > > > > li a:hover > > { > > background-image: url("bleble.png"); } > > > > > > con javascript seria similar a esto (puede requerir > modificaciones, no > > lo he testado): > > > > <img src="blabla.png" id="rollme" alt="pues eso" > > onmouseover="rollon(this.id)" onmouseout="rollof(this.id)"> > > > > <script type="text/javascript"> > > function rollon(id) > > { > > var im = document.getElementById(id); > > im.src = "bleble.png"; > > } > > > > function rollof(id) > > { > > var im = document.getElementById(id); > > im.src = "blabla.png"; > > } > > > > seguro q hay formas más cómodas y/o limpias, pero algo > similar debería > > funcionar. > > > > -- > > Si no puedes deslumbrar con tu inteligencia, > > desconcierta con tus gilipolleces > > > > > > Lo primero, un saludo a todos que aunque llevo tiempo es mi primera > intervención. Lo segundo mi aportación. > Mira este link a ver si te ayuda: > > http://www.shinkitune.com/blogonrails/2006/05/17/buena-tecnica > -css-para-usar-rollovers-sin-precarga/ > _______________________________________________ > 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 _______________________________________________ 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