FAQ version Beta 0.5
Mise en page générale
Comment marquer la page en cours comme active dans le menu ?
La pseudo-classe a:active est souvent sujette à mauvaise interprétation.
a:active permet de provoquer un changement d'état au moment de l'activation du lien (état très temporaire). Mais une fois activé, le lien est considéré comme visité.
a:active n'est pas prévu pour permettre de marquer une page comme active dans un menu.
Des méthodes javascript, php, ou bien utilisant une ID par page, existent pour obtenir un tel résultat.
En XHTML/CSS, le plus simple est de procéder ainsi :
HTML:
<ul id="navigation">
<li><a href="accueil.html">Accueil</a></li>
<li><a href="page1.html">Première page</a></li>
<li><a href="page2.html" id="active">Deuxième page</a></li>
<li><a href="page3.html">Troisième page</a></li>
</ul>
CSS:
li a#active {
/* propriétés CSS spécifiques au lien actif ; */
}
a:active permet de provoquer un changement d'état au moment de l'activation du lien (état très temporaire). Mais une fois activé, le lien est considéré comme visité.
a:active n'est pas prévu pour permettre de marquer une page comme active dans un menu.
Des méthodes javascript, php, ou bien utilisant une ID par page, existent pour obtenir un tel résultat.
En XHTML/CSS, le plus simple est de procéder ainsi :
HTML:
<ul id="navigation">
<li><a href="accueil.html">Accueil</a></li>
<li><a href="page1.html">Première page</a></li>
<li><a href="page2.html" id="active">Deuxième page</a></li>
<li><a href="page3.html">Troisième page</a></li>
</ul>
CSS:
li a#active {
/* propriétés CSS spécifiques au lien actif ; */
}
Liens complémentaires