Menu
louis1984
Messages postés
344
Statut
Membre
-
LelLex Messages postés 1753 Statut Membre -
LelLex Messages postés 1753 Statut Membre -
Bonjour,
J'ai fait un menu en css.
Il a une couleur de base qui change au passage de la souris.
Par contre je sais pas comment faire pour que la couleur que j'utilise lors du passage de la souris reste lorsque l'utilisateur est sur la page en cours.. je sais pas si c'est clair alors voici un exemple concret:
La je suis dans le forum de commentcamarche.net et en haut dans le menu l'onglet "FORUM" apprait en rouge.
Comment je peux faire ca?
J'ai fait un menu en css.
Il a une couleur de base qui change au passage de la souris.
Par contre je sais pas comment faire pour que la couleur que j'utilise lors du passage de la souris reste lorsque l'utilisateur est sur la page en cours.. je sais pas si c'est clair alors voici un exemple concret:
La je suis dans le forum de commentcamarche.net et en haut dans le menu l'onglet "FORUM" apprait en rouge.
Comment je peux faire ca?
A voir également:
- Menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu démarrer classique - Guide
- Windows 11 menu contextuel classique - Guide
- Menu démarrer - Guide
7 réponses
Sur chaque page de ton site tu attaches au lien précis ton .css !
Exemple :
Page : Form
Ton .css :
Tu fais pareil pour toutes les autres pages.
Exemple :
Page : Form
<a href="forum.php" class="rouge">Forum</a>
Ton .css :
.rouge{background-color:red;}
Tu fais pareil pour toutes les autres pages.
J'ai par exemple:
http://www.monsite.com/formation/
Mais j'ai aussi des pages comme ca:
http://www.monsite.com/formation/analyse_technique/index.php
et des pages comme ca:
http://www.monsite.com/formation/analyse_technique/index.php?page=macd
Au niveau du css pour mon menu j'ai ca:
#menu_principal {
height: 25px ;
margin: 0 ;
padding: 0 ;
background: #1199FF;
list-style-type: none ;
}
#menu_principal li {
float: left;
text-align: center;
}
#menu_principal li a {
display:block;
width: 140px;
line-height: 25px ;
font-size: 13px;
font-weight: bold ;
color: #FFF ;
text-decoration: none ;
border-right: 2px solid #fff ;
}
#menu_principal li a:hover, #menu_principal li a:focus, #menu_principal li a:active {
background: #9FE0FF;
}
http://www.monsite.com/formation/
Mais j'ai aussi des pages comme ca:
http://www.monsite.com/formation/analyse_technique/index.php
et des pages comme ca:
http://www.monsite.com/formation/analyse_technique/index.php?page=macd
Au niveau du css pour mon menu j'ai ca:
#menu_principal {
height: 25px ;
margin: 0 ;
padding: 0 ;
background: #1199FF;
list-style-type: none ;
}
#menu_principal li {
float: left;
text-align: center;
}
#menu_principal li a {
display:block;
width: 140px;
line-height: 25px ;
font-size: 13px;
font-weight: bold ;
color: #FFF ;
text-decoration: none ;
border-right: 2px solid #fff ;
}
#menu_principal li a:hover, #menu_principal li a:focus, #menu_principal li a:active {
background: #9FE0FF;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<li><a href="ta-page-php-ou-html" style="background-color:red;">Ta page</a></li>
Ou
<li style="background-color:red;"><a href="ta-page-php-ou-html">Ta page</a></li>
Après tu peux intégrer background-color dans ton .css.
Le probleme c'est que le jour ou je decide de changer la couleur pour le passage de la souris je vais devoir changer la couleur du background dans tous les menus...
ya pas un moyen que la ligne <li><a href="ta-page-php-ou-html" style="background-color:red;">Ta page</a></li> recupere la couleur du background que j'ai mis dans le css (celle que j'utilise au passage de la souris)?
ya pas un moyen que la ligne <li><a href="ta-page-php-ou-html" style="background-color:red;">Ta page</a></li> recupere la couleur du background que j'ai mis dans le css (celle que j'utilise au passage de la souris)?
