Bonjour,

Je cherche à mettre en évidence dans un menu le lien actif, afin d'informer l'utilisateur où il se situe dans le site.

Une idée ?

Merci.

OK pour l'aspect des liens patz il n'y a aucune class prévue pour marquer le lien de la page que tu es en train de visiter.

La class :active agit pendant que le clic de la souris est enclenché et :visited agit sur tous les liens déjà visités (dont le navigateur se rappelle).

Ce n'est pas ce que je recherche, merci.

alors je n'avais pas compris ta question désolé,
regarde ici si j'ai mieux saisi

On peut définir qu'un lien est actif lorsque l'url de la page affichée correspond au lien concerné.

La variable php $_SERVER['REQUEST_URI'] permet de connaître cette page.
Il faut ensuite, soit dans le fichier theme.html soit dans une module comme multimenu, écrire un peu de php qui va tester si le lien concerné correspond à la page active et dans ce cas ajouter une class de style "lienactif" (par exemple) à ce lien.

Bien évidemment la class de style "lienactif" aura été préalablement définie dans le fichier style.css.

C'est exactement cela Patz sauf que je n'utilise pas multimenu.

Merci Christian, je vais essayer cette méthode et je vous tiens au courant.

Il doit y avoir une erreur de syntaxe php, dans mon fichier theme.html, puisque je vois '>>' sur ma page active.

Dans mon fichier theme.html:

<div id="menu">
<ul>
<li<?php if ($SERVER['REQUEST_URI']=="<{xoAppUrl}>")
echo " id=\"current\""; ?>>
<a href="<{xoAppUrl}>" <img src="<{xoAppUrl uploads/images/accueil_menu.png}>" width="20px" height="20px" name="accueil" alt="Accueil"/>Accueil</a></li>

<li<?php if ($SERVER['REQUEST_URI']=="<{xoAppUrl modules/news/article.php?storyid=7}>")
echo " id=\"other\""; ?>>
<a href="<{xoAppUrl modules/news/article.php?storyid=7}>"<img src="<{xoAppUrl uploads/images/presentation_menu.png}>" width="20px" height="20px" name="presentation" alt="Présentation"/>Présentation</a></li>

</ul>
</div>

Feuille de style:
#menu {
position: relative;
float: right;
right: 10px;
}

#menu ul {
margin: 0;
list-style: none;
}

#menu li {
float: left;
background-color: F5F5F5;
padding: 0 0 0 9px;
}


#menu img {
float: left;
margin-right: 5px;
}

#menu .other a:hover {
background-color: #3aa8e5;
}

#menu .current {
background-color: F5F5F5;
}

#menu .current a {
background-color: #F5F5F5;
color: #263C5F;
}

J'ai essayé cette méthode dans mon fichier theme, toujours une erreur de syntaxe php.

<div id="menu">
<ul>
<li id="index">
<?php
if ($SERVER['REQUEST_URI'] == 'index.php') {
echo "<a class='current' href='index.php'>INDEX</a>"; }
else {
echo "<a href='index.php'>INDEX</a>"; }
?></li>
<li id="page1">
<?php
if ($SERVER['REQUEST_URI'] == 'page1.php') {
echo "<a class='current' href='page1.php'>PAGE UN</a>"; }
else {
echo "<a href='page1.php'>PAGE UN</a>"; }
?></li>
<li id="page2">
<?php
if ($SERVER['REQUEST_URI'] == 'page2.php') {
echo "<a class='current' href='page2.php'>PAGE DEUX</a>"; }
else {
echo "<a href='page2.php'>PAGE DEUX</a>"; }
?></li>
</ul>
</div>

Banane que je suis, la syntaxe pour le PHP est:
<{php}>
Code PHP
<{/php}>


Merci à tous.