Hola a todos, tengo 7 botones, cada uno cuenta con dos images, cuando paso el maus por encima se cambia, con "hover", lo que necesito es que al hacer click sobre ese boton se mantenga la imagen de "hover", osea boton activo, me dijieron que use "active". pero no me sale, alguna sugerencia?.
Gracias de antemano y saludos a todos.
Código CSS:
Ver original.BYIMAG2{position:absolute;width:95px;height:38px;background-image:url(imag_b/bt1.jpg);background-repeat:no-repeat;left:251px; top:0px}
.BYIMAG2:hover{position:absolute;background:url(imag_b/b1.jpg);cursor:pointer;}
.BYIMAG3{position:absolute;width:88px;height:38px;background-image:url(imag_b/bt2.jpg);background-repeat:no-repeat;left:346px; top:0px}
.BYIMAG3:hover{position:absolute;background:url(imag_b/b2.jpg);cursor:pointer;}
.BYIMAG4{position:absolute;width:86px;height:38px;background-image:url(imag_b/bt3.jpg);background-repeat:no-repeat;left:434px; top:0px}
.BYIMAG4:hover{position:absolute;background:url(imag_b/b3.jpg);cursor:pointer;}
.BYIMAG4:active{position:absolute;background:url(imag_b/b4.jpg));cursor:pointer;}
.BYIMAG5{position:absolute;width:85px;height:38px;background-image:url(imag_b/bt4.jpg);background-repeat:no-repeat;left:520px; top:0px}
.BYIMAG5:hover{position:absolute;background:url(imag_b/b4.jpg);cursor:pointer;}
.BYIMAG5:active{position:absolute;background:url(imag_b/b4.jpg);cursor:pointer;}
.BYIMAG6{position:absolute;width:87px;height:38px;background-image:url(imag_b/bt5.jpg);background-repeat:no-repeat;left:605px; top:0px}
.BYIMAG6:hover{position:absolute;background:url(imag_b/b5.jpg);cursor:pointer;}
.BYIMAG7{position:absolute;width:86px;height:38px;background-image:url(imag_b/bt6.jpg);background-repeat:no-repeat;left:692px; top:0px}
.BYIMAG7:hover{ bposition:absolute;background:url(imag_b/b6.jpg);cursor:pointer;}
.BYIMAG8{position:absolute;width:122px;height:170px;background-image:url(imag_b/bt7.jpg);background-repeat:no-repeat;left:778px; top:0px}
.BYIMAG8:hover{position:absolute;background:url(imag_b/b7.jpg);cursor:pointer;}
Fede