Page 1 sur 1

Menu avec rubrique active

Posté : 25 janv. 2012, 04:09
par goudurisc
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 :
<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>
Sur ma page "Notre approche" par exemple :
<?php $nav_en_cours = 'rub1'; ?>
Puis "rub2", "rub3"... pour les autres rubriques

Sur mon css :

Code : Tout sélectionner

#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; }
...et je ne vois pas où ça bugue :shock:

Re: Menu avec rubrique active

Posté : 25 janv. 2012, 09:58
par xTG
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 ?

Re: Menu avec rubrique active

Posté : 25 janv. 2012, 13:35
par goudurisc
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 :
<div id="headerNav">
<?php
include("include/nav_fr.php");
?>
  </div>
Si cet include fonctionne bien mais... sans mon effet...

Re: Menu avec rubrique active

Posté : 25 janv. 2012, 16:53
par xTG
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.