18041 sujets

Questions générales et questions de débutants

[résolu] Menu css: appliquer un style spécifique à la page en cours

bonjour,

je cherchais une façon d'appliquer un style prédéfini à mon menu css et je suis tombé sur la tuto d'alsacreations, j'ai utilisé l'exemple en php, je pensais avoir bien compris mais malheureusement ça ne fonctionne pas. J'espère que vous pourrez m'aider.

j'utilise wampserver et firefox pour mes tests.

Voici ce que j'ai fait:

dans header.inc.php j'ai mon menu horizontal css:


<ul id="menu">
 <li<?php if ($nav_en_cours == 'accueil') {echo ' id="en-cours"';} ?>><a href="index.php">Accueil</a></li>
 <li<?php if ($nav_en_cours == 'test') {echo ' id="en-cours"';} ?>><a href="test.php">Test</a></li>
</ul>


dans index.php (pareil pour test.php en adaptant), j'ai mis juste après <body>:


<?php include('header.inc.php'); ?>
<?php $nav_en_cours = 'accueil'; ?>


et enfin dans mon fichier css:


#en-cours {
color:#6D0703
}


en plus j'ai un message d'erreur :

# Notice: Undefined variable: nav_en_cours in C:\wamp\www\site\header.inc.php on line 13>
# Notice: Undefined variable: nav_en_cours in C:\wamp\www\site\header.inc.php on line 14>
Modifié par urizen (08 Sep 2010 - 17:42)
Salut,

il suffit de déclarer la variable avant de l'utiliser :
<?php $nav_en_cours = 'accueil'; ?>
<?php include('header.inc.php'); ?>
Logique non ? Smiley cligne
salut,

merci effectivement je n'ai plus l'erreur par contre le changement de style lui ne s'opère pas, pourtant quand je regarde le code l'id apparait bien ?
Hello,

Déjà, n'oublie pas le ";" en fin de ligne dans tes CSS...
Ensuite, tente un chemin CSS plus précis, genre : 

#menu #en-cours a { 
color:#6D0703 ;
}


au lieu de :

#en-cours { 
color:#6D0703 
}

Modifié par melhi (08 Sep 2010 - 13:32)
salut,

je viens de tester et toujours rien, j'ai créé mon menu à partir du tuto dispo ici

voici le css du menu:


#menu {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

#menu li {
display: inline;
margin-right: 5px;
color: #68908F;
}

#menu li a {
padding: 5px 25px;
background: #fbf190;
-moz-border-radius: 10px;
color: #3D693C;
border: 3px solid #68908f;
font: 1em "Trebuchet MS",Arial,sans-serif;
line-height: 1em;
text-align: center;
font-weight : bold;
text-decoration: underline;
}

#menu li a:hover, #menu li a:focus, #menu li a:active {
background: #CFC777;
text-decoration: underline;
}

#en-cours { 
color: #CFC777;
}

Modifié par urizen (08 Sep 2010 - 14:09)
Bon, alors chez moi ça marche avec : 
#menu .en-cours a{  
color: #CFC777; 
}


J'ai préféré une classe au lieu d'un id, plus logique, quoique je ne suis pas sure que ça change grand chose...
J'avoue que je ne vois pas trop le problème car tout marche nickel, pas de conflit css non plus.
Modifié par melhi (08 Sep 2010 - 17:18)
c'est bon ça marche maintenant Smiley sweatdrop pourtant j'ai bien fait pareil tout à l'heure Smiley confused

en tout cas un grand merci Smiley jap c'est nickel comme ça


edit: pour info dans le tuto appliquer des styles spécifiques à la page en cours, il y a une petite erreur.
La ligne de code qui est mise c'est :

<php $nav_en_cours = 'rubrique1'; ?>


or ça devrait être

<[#red]?[/#]php $nav_en_cours = 'rubrique1'; ?>

Modifié par urizen (08 Sep 2010 - 17:45)
Sujet clos
Aller à