Dejar enlace Activo

[jomaruro]

Hola:

Ahora te he entendido. Vamos a ver si me explico bien.

Tienes un menú con listas en tu index.html

Código HTML:

<ul id="menu">
<li><a href="opcion1.html">Opción 1</a>
<li><a href="opcion2.html">Opción 2</a>
<li><a href="opcion3.html">Opción 3</a>
..
<li><a href="opcionn.html">Opción n</a>
</ul>
 

con su consiguiente CSS.

Código CSS:

#menu {las propiedades que quieras}
a:link {las propiedades que quieras}
a:visited {las propiedades que quieras}
a:hover {las propiedades que quieras}
a:active {las propiedades que quieras}
 

Hasta aquí todo bien, ahora cuando cambias de opción en el menú cambias de página, por ejemplo opcion1.html, entonces el active ya no es el que era (index.html) sino opcion1.html.

Entonces en opcion1.html debes cambiar el menú.

Código HTML:

<ul id="menu">
<li class="activo"><a href="opcion1.html">Opción 1</a>
<li><a href="opcion2.html">Opción 2</a>
<li><a href="opcion3.html">Opción 3</a>
..
<li><a href="opcionn.html">Opción n</a>
</ul>
 

y añadir en tu css las propiedades que quieras para esa clase activo, que lógicamente serán las mismas de la pseudoclase active.

Código CSS:

.activo {las propiedades que quieras}
 

El inconveniente es que debes modificar el menú en cada uno de tus archivos html para indicar cual es el que está activo.

He leído en una ocasión otra forma de hacerlo que es indicándole la clase activo al body, pero no recuerdo donde y no llegué a probarla con lo cual no puedo decirte como era. Espero que alguien que lea esto y conozca el método lo indique y así lo aprendemos los dos.

Saludos.