a:active no me anda en todo el div

negr05 · #1 (**permalink**) 06/11/2008, 18:29

Buenas tengo un problemita, debe ser una pavada, pero se muy poco de esto...
La cosa es asi: tengo en un div un link, quiero que cuando este activo, el div tenga otra imagen de fondo. Pongo a active:{background-image:laimagenquequiero.jpg;}
pasa que solo pone la imagen en el espacio que ocupa el texto dentro del div, no superpone la imagen del div.
Alguien sabe como solucionarlo??, desde ya gracias.

kseso? · #2 (**permalink**) 06/11/2008, 19:10

Hola Negr05
tienes que darle las mismas medidas que tenga la imagen y en tu css

Cita:

a active:{
background-image: url(laimagenquequiero.jpg);
width: XXpx;
height:XXpx;}

y definir las propiedades de a en su orden.
Un saludo

negr05 · #3 (**permalink**) 06/11/2008, 19:50

Gracias por la respuesta kseso,pero no me anda, hace lo mismo.
te paso un poco del codigo capas que ahi tengo algo mal...

<style>
#b{
background-image:url(ba.jpg);
width:105px;
height:30px;
float:left;
}
#b:hover{
text-decoration:none;
background-image:url(bah.jpg);
color:#333;
}

a:active{
background-image:url(bah.jpg);
width:105px;
height:30px;
}
</style>
<body>
//Ahora yo hago esto
<div align="center" id="b"><a href="#">Fotos</div></a>//hace lo mismo
//Probe asi tambien y nada...
<a href="#"><div align="center" id="b">Fotos</div></a>...

Mikmoro · #4 (**permalink**) 07/11/2008, 05:01

Deberías cambiar por esto:

#b{
float:left;
}
#b a {display: block;
background-image:url(ba.jpg);
width:105px;
height:30px;
}
#b a:hover{
text-decoration:none;
background-image:url(bah.jpg);
color:#333;
}
#b a:active{
background-image:url(bah.jpg);
}

O si por algua razón que desconozco no puedes hacerlo así, simplemente añadir display: block al active:

a:active{display: block;
background-image:url(bah.jpg);
width:105px;
height:30px;
}

negr05 · #5 (**permalink**) 07/11/2008, 08:52

Gracias Mikmoro!!!! tenia que poner el display:block en el active

negr05 · #6 (**permalink**) 07/11/2008, 09:00

Upss me apure,No anda en el firefox 3...

Mikmoro · #7 (**permalink**) 07/11/2008, 09:16

Sí, claro que anda, pero es que en todos los navegadores excepto IE el active es sólo mientras pulsas. Para que los demás hagan lo mismo que el active en IE, lo que tienes que usar es :focus

negr05 · #8 (**permalink**) 07/11/2008, 09:35

AAAAAAAAAAAA perodon por mi ignorancia, Gracias Mikmoro!!!!!