Style css pour balise

un petit coup de php pourrait résoudre le problème

avec une URL du type www.monsite.fr/?page=a

<?php
				if(isset($_GET['page']))
				{
					switch ($_GET['page']) {
					case a:
						$page='accueil';
						break;
					case t:
						$page='tarif';
						break;
					case n:
						$page='news';
						break;
					case c:
						$page='contact';
						break;
					case p:
						$page='partenaires';
						break;
					case f:
						$page='fiscale';
						break;
					default:
						$page='accueil';
						break;
					
					}
				}
				else $page='accueil';
				include $page . ".php";
			?>




<a href="https://www.pagesjaunes.fr/?page=a" <?php if ($page=='accueil') echo ('class="active"') ?>>ACCUEIL</a>
		<a href="https://www.pagesjaunes.fr/?page=t" <?php if ($page=='tarif') echo ('class="active"') ?>>TARIFS</a>
		<!-- <a href="https://www.pagesjaunes.fr/?page=n">NEWS</a> -->
		<a href="https://www.pagesjaunes.fr/?page=c" <?php if ($page=='contact') echo ('class="active"') ?>>CONTACT</a>
		<a href="https://www.pagesjaunes.fr/?page=p" <?php if ($page=='partenaires') echo ('class="active"') ?>>PARTENAIRES</a>
		<a href="https://www.pagesjaunes.fr/?page=f" <?php if ($page=='fiscale') echo ('class="active"') ?>>FISCALIT&Eacute;</a>

Par contre tu auras 1 feuille CSS par page html !!!

t'as ton menu comme ça dans le code html :

<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>

Le CSS de l'accueil :

ul .accueil{
background-color:jaune;
}

ul .menu1, ul.menu2{
background-color:bleu;
}

Le CSS de la page qui correspond au "menu1" :

ul .accueil a{
background-color:yellow;
}

ul .menu1 a, ul .menu2 a{
background-color:blue;
}

Desolé j'ai buggé !!!! Voila le vrai exemple :

t'as ton menu comme ça dans le code html :

<ul>
<li class="accueil"><a href="#" title="accueil">Accueil</a></li>
<li class="menu1"><a href="#" title="menu1">Menu1l</a></li>
<li class="menu2"><a href="#" title="menu2">Menu2</a></li>
</ul>

Le CSS de l'accueil :

ul .accueil a{
background-color:yellow;
}

ul .menu1 a, ul .menu2 a{
background-color:blue;
}

Le CSS de la page qui correspond au "menu1" :

ul .menu1 a{
background-color:yellow;
}

ul .accueil a, ul .menu2 a{
background-color:blue;
}

Je comprends pas, tu veux faire que quand tu clique il se passe quoi?
Je pense que tu vas devoir faire du JS :D.

j'avais oublié la partie CSS

a.active { 
		background-image: ton image
}

passe tout le code de ta page

pourquoi ne pas changer l'image de fond du texte :

par exemple tu es sur la page d'accueil, le fond de l'onglet "accueil" est jaune, le fond de l'onglet "menu1" est bleu
Quand tu es sur la page "menu1.php" tu change le fond de l'onglet "menu1" en jaune, et le fond de l'onglet "accueil" en bleu !

T'as juste à alterner les images via le CSS !! :O

je peu te proposer ce lien avec du php :

http://www.siteduzero.com/tutoriel-3-37341-menus-en-onglets.html#ss_part_4

merci c'est ok