sn: Creo que "active" significa que el mouse está encima (clickeandolo)
o que el teclado lo ha activado, no que es la sección actual.
Para lo que quieres hacer tienes que marcar el link o el item de la
lista con una clase, por ejemplo "current", que es la que uso yo.
Entonces pones que .current.Qu { background-image: lalalala }
de esa forma cuando Qu sea el current tendrá una imágen, y mientras no
lo sea tendrá la otra.
Para eso deberás saber qué item del menú se refiere a la sección actual.
En mi CMS eso es fácil de saber, se compara el path de la sección actual
con el path de cada opción del menú, si coincide, se le pone la clase
"current".
Suerte y espero haber ayudado.
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
>
>
--
Martin Szyszlican
http://www.ylisto.info
"Si este mensaje fue muy largo, fue poco profundo"
_______________________________________________
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
