[email protected] escr
> <ul>
> <li class="current"> <a href="index.html"><span>La Institución
> /</span></a></li>
>
> En este caso yo tengo un menu horizontal, fijate que la primer linea (1),
> tiene una clase current, esta clase, se lo pones en cada pagina, en el link
> que le corresponde, por ejem: en contacto.html, esta clase la tiene el link
> contacto, en soluc.html, esta clase la tien soluc, se entiende?, no se
> repite en todas, solo en la que quieres resaltar
La solución de Alejandra funciona perfectamente, pero hay una solución
que a veces puede ser más simple para este problema, ya que no requiere
modificar el menú en cada página para agregarle el "class" (lo cual
puede ser útil cuando el menú es generado dinámicamente con PHP o
similares).
Es similar a lo que planteaba Alberto, pero sin clases.
La solución es colocar en cada página un "id" distinto a la etiqueta body.
Por ejemplo, en index.html:
<body id="index">
En contacto.html:
<body id="contacto">
y así sucesivamente.
Luego, a cada elemento del menú lo identificamos con un id también (y el
menú queda siempre igual en todas las páginas, por eso es que puede
generarse dinámicamente muy fácil):
<li id="a_home"> <a href="index.html">Index</a></li>
<li id="a_contacto"> <a href="contacto.html">Contacto</a></li>
etc.
Luego, en la hoja de estilos, usando un selector contextual o
descendentes, identificas a los elementos de menú "cuando estén dentro
del id similar a su propio id", es decir, que se aplicará solamente
cuando el #a_contacto esté dentro del body identificado como #contacto:
#index #a_home{}
#contacto #a_contacto{}
etc.
y entre esas llaves declaras los estilos "distintos" a su estado normal.
Espero que se entienda y te sirva.
Saludos!
--
Hernán Beati
http://www.saberweb.com.ar
_______________________________________________
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
