Bueno nuevamente yo por acá. Ya he logrado hacer el rollover de las imágenes
correctamente pero aún no logro hacer que el elemento seleccionado tenga otra
imagen de fondo. Me explico mejor. Este es el HTML que pongo de ejemplo:
<ul id="r2ul">
<li class="registro" id="registro"><span>Registro</span></a></li>
...
</ul>
Como verán tiene una clase registro y un id registro también. Este es el CSS
correspondiente para el rollover:
#r2ul {
list-style: none;
margin: 0;
padding: 0;
}
#r2ul li {
float: left;
}
#r2ul li a {
display: block;
height: 47px;
}
#r2ul li a span {
display: block;
visibility: hidden;
}
#r2ul li.registro a {
background-image: url(../img/img_r2_c2.png);
width: 123px;
}
#r2ul li.registro a:hover {
background-image: url(../img/img_r2_c2_h1.png);
}
Ahora lo que necesito es aplicar la imagen del a:hover cuando el usuario haya
seleccionado ese TAB. Me comprenden? Si le pongo al CSS un ID algo como esto
#r2ul li#registro {
background-image: url(../img/img_r2_c2_h1.png);
}
Me sobrescribe la propiedad y entonces no logro lo que quiero. Alguna ayuda o
idea?
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:ovillo-
> [EMAIL PROTECTED] En nombre de Lucas Mourelle
> Enviado el: Thursday, June 29, 2006 4:30 PM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] La clasica pregunta del elemento seleccionado
>
> Ah... con razón! no entendía bien a qué te referías con "seleccionado".
>
> Sip, un *id* puede ser una solución para diferenciarlo de los demás,
> también lo podés hacer con una *class*, por si en algún momento querés
> seleccionar más de uno, por alguna razón.
>
>
>
> Saludos!
>
> Lucas
>
> --
> ===============================
> LucasMourelle - desarrollos rgb
> ===============================
> 6343-1705 // 15-5052-1468
> [EMAIL PROTECTED]
> ===============================
>
>
> Reynier Perez Mira wrote:
> > 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
> >
> >
> _______________________________________________
> 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
