Hola sn, la pseudoclase :active se refiere únicamente a cuando se mantiene presionado el cursor sobre el botón. Haz la prueba con cualquier vínculo y coloca el :active en rojo y pruébalo.
Para lo que necesitas hacer, es mejor usar una clase ".actual" o ".seleccionado" y agregar los estilos ahí (incluso su propio :hover y :active). Puedes ver en este tuto que hice hace tiempo algunos ejemplos de eso con imagenes: http://www.cristalab.com/tutoriales/130/crear-menus-de-navegacion-en-css-usando-listas Saludos. El mar, 26-09-2006 a las 09:45 +0200, sn escribió: > saludos a la lista; > tengo una lista de enlcaces que son los que configuran el menú de mi página. > he utilizado la técnica image replacement, para que cada uno de ellos sea > sustituido por una imagen concreta. el código es el siguiente: > > html: > > <div id="menu"> > <ul><!--****************** inicio lista menu**********************--> > <li><A CLASS="PO" HREF="index.php?nodoID=50" > ONMOUSEOUT="MM_swapImgRestore();window.status='';return true;" ONMOUSEOVER=" > window.status='PORTADA';return true;" TITLE="PORTADA">"PORTADA"</A></li> > <li><A CLASS="Qu" HREF="index.php?elementoID=4" > ONMOUSEOUT="MM_swapImgRestore();window.status='';return true;" ONMOUSEOVER=" > window.status='Quiénes somos';return true;" TITLE="Quiénes > somos">"Quiénes somos"</A></li> > <li><A CLASS="Ar" HREF="index.php?nodoID=52" > ONMOUSEOUT="MM_swapImgRestore();window.status='';return true;" ONMOUSEOVER=" > window.status='Areas';return true;" TITLE="Areas">"Areas"</A></li> > </ul><!--****************** fin lista menu**********************--> > </div><!--Fin menu--> > > ahora bien, mediante el uso de la hoja de estilos, donde están insertadas > las imágenes como background, creo un efecto rollover(:hover)que me cambia > las imágenes al pasar con el ratón. mi cuestión es que además de eso, deseo > que la imagen de la sección que permanece activa(la sección actual) tambien > tenga la imagen del rollover en lugar de la normal del menú, para saber así > en que sección se está posicionado. > > esto es lo que he intentado: > > a.PO:link{ height:21px;background-image: url(../imagenes/comun/menu_50.gif) > ;} > a.Qu:link{ height:21px;background-image: url(../imagenes/comun/menu_51.gif) > ;} > a.Ar:link{ height:21px;background-image: url(../imagenes/comun/menu_52.gif) > ;} > > a.PO:visited{ height:21px;background-image: > url(../imagenes/comun/menu_50.gif) ;} > a.Qu:visited{ height:21px;background-image: > url(../imagenes/comun/menu_51.gif) ;} > a.Ar:visited{ height:21px;background-image: > url(../imagenes/comun/menu_52.gif) ;} > > a.PO:hover{ height:21px;background-image: > url(../imagenes/comun/menu_50_f2.gif) ;} > a.Qu:hover{ height:21px;background-image: > url(../imagenes/comun/menu_51_f2.gif) ;} > a.Ar:hover{ height:21px;background-image: > url(../imagenes/comun/menu_52_f2.gif) ;} > > a.PO:active{ height:21px;background-image: > url(../imagenes/comun/menu_50_f2.gif) ;} > a.Qu:active{ height:21px;background-image: > url(../imagenes/comun/menu_51_f2.gif) ;} > a.Ar:active{ height:21px;background-image: > url(../imagenes/comun/menu_52_f2.gif) ;} > > el rollover funciona perfectamente pero no así lo de la sección activa. > > si alguien ha tenido que hacer algo similar y puede orientarme, pues se lo > agradecería profundamente. > gracias desde ahora. un saludo > _______________________________________________ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
