Bonjour,
je réalise actuellement un site et j'aimerais que la lien vers la page actuelle soit d'une couleur différente alors j'ai fait mes recherches sur le net et j'ai découvert qu'il fallait du code PHP qui test la page pour savoir laquelle est active
voici la code de la page menu :
<ul id="menu">
<li><a href="index.php" <?php
if ($_SERVER['REQUEST_URI'] == 'index.php')
{
$class="class='active'";
}
else
{
$class="class='menuhaut'";
}
echo $class;
?> target="_self">• Accueil</a>
</li>
<li><a href="inscription.php" <?php
if ($_SERVER['REQUEST_URI'] == 'inscription.php')
{
$class="class='active'";
}
else
{
$class="class='menuhaut'";
}
echo $class;
?> target="_self">• Inscription</a>
</li>
<li><a href="connexion.php" <?php
if ($_SERVER['REQUEST_URI'] == 'connexion.php')
{
$class="class='active'";
}
else
{
$class="class='menuhaut'";
}
echo $class;
?> target="_self">• Connexion</a>
</li>
<li><a href="deconnexion.php" <?php
if ($_SERVER['REQUEST_URI'] == 'deconnexion.php')
{
$class="class='active'";
}
else
{
$class="class='menuhaut'";
}
echo $class;
?> target="_self">• Déconnexion</a>
</li>
</ul>
et voici le code de la CSS :
ul#menu
{
margin:30;
padding:0;
list-style-type:none;
width:1180px;
position:relative;
display:block;
height:30px;
.....
}
ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu li a
{
display:block;
float:left;
color:white;
...
}
ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(images/menu_noir.png) 0px -30px no-repeat;
}
ul#menu li a:active
{
color:#FFFFFF;
height:22px;
background:transparent url(images/menu_noir.png) 0px -30px no-repeat;
}
Le problème est que le code généré par le menu donne pour tous les liens même celui séléctionné
class='menuhaut'
Est ce que quelqu'un aurait des solutions afin de m'aider???
Merci d'avance ;)
