Couleur de fond de la rubrique en cours
Résolu
penati17
Messages postés
33
Date d'inscription
Statut
Membre
Dernière intervention
-
penati17 Messages postés 33 Date d'inscription Statut Membre Dernière intervention -
penati17 Messages postés 33 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai un souci avec mon menu à horizontal déroulant. je veux donner une couleur de fond (le gris foncé = color: #666666) a tous rubriques en cours.
je vous présente deux rubriques de mon menu, et svp aidez moi !
code html:
code css
comment pourrais-je donner une couleur (rouge par exemple) de fond à une rubrique(blanc au survol) lorsqu'elle est selectionnée ou qu'un de ses sous-menus l'est !
Merci d'avance.
j'ai un souci avec mon menu à horizontal déroulant. je veux donner une couleur de fond (le gris foncé = color: #666666) a tous rubriques en cours.
je vous présente deux rubriques de mon menu, et svp aidez moi !
code html:
<div id="menu" > <!------ menu rubrique ---->
<ul > <!------le menu ul-->
<li>
<a href="index.php?rubrique=9"> A propos de Solutech Sarl</a>
<div class="sous_menu">
<div class="apro"> <a href="index.php?rubrique=9" >Entreprise </a> </div> <div class="apro"><a class="1_2" href="index.php?rubrique=15"> Partenaires </a> </div>
</div>
</li>
<li> <a href="index.php?rubrique=16">Agenda / News </a>
<div class="sous_menu_AN" >
<div class="agd"> <a href="index.php?rubrique=23">Agenda</a></div> <div class="nw"><a href="index.php?rubrique=20">News</a></div>
</div>
</li>
</ul> <!------fin menu ul --->
</div> <!------fin menu rubrique ---->
code css
#menu{ position:relative ; width:360px; height:39pxx; margin-left:0px ; margin-top:10px; background:#666666 }
#menu li{color: white; display: inline-block; text-decoration: none; font-size: 16px; font-weight:bold ; padding:9px ; margin-left:-10px }
#menu li a{text-decoration: none; color: white; padding:3px; /*margin-left:10px*/ }
/************* div des rub ***************/
#menu .sous_menu{display: none; position: absolute; padding:10px ;margin-top:9px; margin-left: -10px; border: 1px solid gray; width: 200px; height: 35px; background:#FAFAFA}
#menu .sous_menu_AN{display: none; position: absolute; padding:10px ;margin-top:9px; margin-left: -10px; border: 1px solid gray; width: 150px; height: 35px; background:#FAFAFA}
/******-********** comportemt lien+ affichage des sous menu div **************/
#menu li:hover {background:#FAFAFA; border: 1px solid gray;}
#menu li:hover a{ color:#666666;}
#menu li:hover .sous_menu{ display: block;}
#menu li:hover .sous_menu_AN{ display: block;}
/***couleur a l'affichage **/
#menu li:hover .sous_menu a{ color:#6699CC; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px }
#menu li:hover .sous_menu_AN a{ color:#6699CC; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#menu li .sous_menu a:hover{ color:#CC99CC} /****couleur o survol ****/
#menu li .sous_menu_AN a:hover{ color:#CC99CC}
/********** les contenu des 3 div sous menu ************/
/************* a propos solutech *********/
.apro{ position:relative; float:left; width:90px; height:20px; margin-left:5px;}
/***agenda *******/
.agd{position:relative; float:left; width:70px;}
.nw{position:relative; float:left; width:60px; margin-left:10px}
comment pourrais-je donner une couleur (rouge par exemple) de fond à une rubrique(blanc au survol) lorsqu'elle est selectionnée ou qu'un de ses sous-menus l'est !
Merci d'avance.
A voir également:
- Couleur de fond de la rubrique en cours
- En cours de livraison ✓ - Forum Consommation & Internet
- La boite a couleur - Télécharger - Divers Photo & Graphisme
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Comment mettre une couleur de fond sur word sur une seule page - Forum Bureautique
- Word couleur de fond texte - Guide
1 réponse
j'ai pu m'ensortir, merci tout de même à tous !!
code html :
code css :
Vouloir c'est Pouvoir !
Dieu seul sait....
code html :
<ul > <!------le menu ul-->
<li >
<div class="elmen <?php if(($_GET['rubrique']==9)or ($_GET['rubrique']==15)) {echo'act';} ?>"> <a href="index.php?rubrique=9" > About Solutech Sarl</a>
</li>
........................
</ul>
</div>
code css :
.elmen{height:25px; margin-top:0px}
#menu div.act{background-color:#FFFFFF; padding:6px; margin-top:-20px; /* height:25px */}
Vouloir c'est Pouvoir !
Dieu seul sait....
