Bonjour,
je suis en ce moment en train de développer un site internet, mais je n'arrive pas du tous à faire un menu dynamique ayant le même principe que ce site en PHP. C'est-à-dire que lorsque je clique sur l'une de mes catégories de mon site je veux que le bouton change de couleur.
Pourtant, j'ai suivi à se tutoriel :
http://www.alsacreations.com/astuce/lire/28-styles-lien-page-en-cours.html
Voici mon code :
mon menu include:
et le css
Modifié par suLLi (16 Jan 2010 - 18:02)
je suis en ce moment en train de développer un site internet, mais je n'arrive pas du tous à faire un menu dynamique ayant le même principe que ce site en PHP. C'est-à-dire que lorsque je clique sur l'une de mes catégories de mon site je veux que le bouton change de couleur.
Pourtant, j'ai suivi à se tutoriel :
http://www.alsacreations.com/astuce/lire/28-styles-lien-page-en-cours.html
Voici mon code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Accueil</title>
<meta http-equiv="Content-Type" content="text/css">
<link href="menu.css" rel="stylesheet" type="text/css">
</head>
<body class="body2">
<table align="center" width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1000" bgcolor="" height="130" colspan="2">
<img src="banniere.png">
</td>
</tr>
<tr>
<td>
<table class="tableau-menu" align="center" width="1002" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php include("menu.php"); ?>
</tr>
</table>
</td>
</tr>
</table>
<table align="center" width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30"> </td>
</tr>
<tr>
<td>
<?php
if(empty($_GET['page']))
{
include('page1_accueil.php');
}
else {
$page = $_GET['page'];
include("$page.php");
}
?>
</td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td class="police-3" id="baspage">
rien
</td>
</tr>
</table>
</body>
</html>
mon menu include:
<td>
<ul id="menu-selection-5">
<li <?php if ($page.php == 'page1_accueil.php') {echo 'id="menu-selection-5"';} ?>><a href="?page=page1_accueil" class="menu-5">Accueil</a><li>
<li><a href="?page=page2_information" class="menu-5">Information</a><li>
<li><a href="?page=page3_plandacces" class="menu-5">Plan d'accés</a><li>
<li><a href="?page=page4_horaires" class="menu-5">Horaires</a><li>
<li><a href="?page=page5_contactez-nous" class="menu-5">Contactez-nous</a><li>
<li><a href="?page=page6_photoduclub" class="menu-5">Photo du club</a><li>
</ul>
</td>
et le css
#menu-selection-5
{
width: 1002px;
height : 35px;
list-style-type:none;
margin: 0px;
overflow:hidden;
padding:0;
}
#menu-selection-5 li
{
float:left;
width:167px;
margin-right:0px;
}
#menu-selection-5 li a.menu-5
{
background:url(bouton-bleu-1.png) no-repeat scroll left top;
width: 167px;
height: 35px;
display:block;
padding:7px 0;
text-align:center;
font-size: 15px;
font-family: "Trebuchet MS";
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#menu-selection-5 li a:hover.menu-5
{
background:url(bouton-bleu-2.png) right top no-repeat;
width: 167px;
height: 35px;
}
#menu-selection-5 li a:active.menu-5
{
background:url(bouton-vert-2.png);
width: 167px;
height: 35px;
}
Modifié par suLLi (16 Jan 2010 - 18:02)