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" <[email protected]>
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 [email protected]
> 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 [email protected]
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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
