Non je parlais de savoir si la variable était définie avant ton menu ou bien après.
Car seulement si elle est définie avant cela fonctionnera.

<div id="headerNav">
<?php
include("include/nav_fr.php");
?>
  </div>

Bonjour xTG,

Pour l'ID unique, ok, il n'est utilisé que pour la navigation. Pour la balise a, effectivement j'ai un doute (je supprime) mais à défaut du background, il faudrait que ce soit au moins la couleur de la rubrique qui s'affiche.

Pour l'include :[php]<div id="headerNav">
<?php
include("include/nav_fr.php");
?>
</div>[/php]

Si cet include fonctionne bien mais... sans mon effet...

Déjà attention, un id doit être unique... Donc si tu as plusieurs fois ce système sur ta page il serait plus intéressant d'utiliser une class.

Sinon je ne suis pas sûr qu'une balise A possède un background-color. Essaies plutôt de le mettre sur le li.

Aussi, ta navigation est inclue où par rapport à ta déclaration de $nav_en_cours ?

<ul id="headerNav">    
    <li<?php if ($nav_en_cours == 'rub1') {echo ' id="en-cours"';} ?>><a href="notre-approche.php">Notre Approche</a></li>
    <li<?php if ($nav_en_cours == 'rub2') {echo ' id="en-cours"';} ?>><a href="contact.php">Contact</a></li>
     </ul>

<?php $nav_en_cours = 'rub1'; ?>

Bonjour,

Je souhaiterais que mes rubriques prennent classiquement le style a:hover quand elles sont actives. Je dispose donc de :

Fichier include pour ma navigation :
[php]<ul id="headerNav">
<li<?php if ($nav_en_cours == 'rub1') {echo ' id="en-cours"';} ?>><a href="notre-approche.php">Notre Approche</a></li>
<li<?php if ($nav_en_cours == 'rub2') {echo ' id="en-cours"';} ?>><a href="contact.php">Contact</a></li>
</ul>[/php]

Sur ma page "Notre approche" par exemple :
[php]<?php $nav_en_cours = 'rub1'; ?>
[/php]

Puis "rub2", "rub3"... pour les autres rubriques

Sur mon css :
[code]#headerNav {
width: 100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 13px;
color: #1A262F;
text-align: center;
background-image: url(img/degBarnav.png);
background-repeat: repeat-x;
height: 58px;
float: left;
margin-bottom: 30px;
padding-top: 18px;
}
#headerNav ul {
list-style-type: none;
}
#headerNav li {
display: inline;
margin-left: 5px;
margin-right: 10px;
background-image: url(img/pucBarnav.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 30px;
}
#headerNav a {
color: #1A262F;
text-decoration : none;
}
#headerNav a:hover, #headerNav a:focus {
color: #0E92BC;
text-decoration : none;
}
#headerNav #en_cours a {
color: #0E92BC;
text-decoration : none;
background-color: #F33;
}[/code]

...et je ne vois pas où ça bugue :shock: