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 :



<!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">&nbsp;</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">&nbsp;</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&eacute;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)
Hello suLLi et bienvenue,

déjà et comme indiqué dans le tuto dont tu parles : la page en cours n'a rien à voir avec a:active Smiley cligne

Et effectivement cela ne fonctionne pas avec un site dynamique. Voir ce sujet pour un exemple.
La méthode fonctionne très bien, Merci. Mais serait t'-il possible d'avoir une autre méthode beaucoup plus basic pour que je puise comprendre s'il vous plait.
suLLi a écrit :
serait t'-il possible d'avoir une autre méthode beaucoup plus basic pour que je puise comprendre s'il vous plait.
Il se trouve que c'est une méthode basique. Si tu la trouve compliquée c'est sans doute que tu ne maîtrises pas encore les bases de php auquel cas il faudrait les apprendre sur les forums spécialisés. Smiley cligne

L'annonce de ce salon en propose d'ailleurs une liste.
Très bien, je vais m'entraîner alors.

Merci pour ton aide, car je n'aurais jamais réussi.

Bonne fin de journée.
A toi également.

Si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre. Smiley cligne