PHPfrance

la communauté d'entraide francophone dédiée au PHP

[RESOLU] fixer menu

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] fixer menu

Re: fixer menu

par xzena » 29 mai 2013, 10:30

oops sayé c'est résolu par un autre code,pure css!

fixer menu

par xzena » 28 mai 2013, 14:02

salut,
j'ai un petit problème ,c'est que dans mon menu verticale,quand je survole sur un rebriques pour voir ses sous rubriques ,la page décale en bas avec les images de ce c oté là.
comment faire pour que meme en survolant sur les sous- menu l'image uqi se trouve en bas de menu ne decale pas ??
mon code menu sur html: 
<div id="menuU">
                <div class="menucolore1" id="menu1" onmouseover="affiche(this)">
                    <a href="pagescolaire.php">
                   
                    SCOLAIRE</a>
                    <div class="sousmenu" id="sousmenu1" style="display:none" onmouseout="affiche(this)">
                        <div>
                        
                        <div id="menucoloreM1">
                        <center>
                        <a href="fr/scolaire.php">
                        > Scolaire
                        </a>
                        </center>
                         </div>
                        
                      </div>
                       <div id="menucoloreM1"> <div><center><a href="primaire.php">> Primaire</a></center></div></div>
                       <div id="menucoloreM1"> <div><center><a href="pagescolaire.php">> Prescolaire</a></center></div></div>
                  </div>
              </div>
 
                <div class="menucolore2" id="menu2" onmouseover="affiche(this)">
                    <a href="#">MATERIELS EDUCATIFS</a>
                    <div class="sousmenu" id="sousmenu2" style="display:none" onmouseout="affiche(this)">
                      <div id="menucoloreMb1"> <div><center><a href="philosophie.php">> Philosophie</a></center></div></div>
                       <div id="menucoloreMb1"> <div><center><a href="science.php">> Science</a></center></div></div>
                       <div id="menucoloreMb1"> <div><center><a href="economie.php">> Economie</a></center></div></div>
                  </div>
              </div>
 
                <div class="menucolore3" id="menu3" onmouseover="affiche(this)"><a href="enfantJeunesse.php">ENFANTS ET JEUNESSE</a></div>
                <div class="menucolore4" id="menu4" onmouseover="affiche(this)"><a href="encyclopedie.php">ENCYCLOPEDIES</a></div>
                <div class="menucolore5" id="menu3" onmouseover="affiche(this)"><a href="dictionnaire.php">DICTIONNAIRES</a></div>
                <div class="menucolore6" id="menu4" onmouseover="affiche(this)"><a href="cuisineFemme.php">CUISINE-FEMMES</a></div>
                <div class="menucolore7" id="menu3" onmouseover="affiche(this)"><a href="patrimoine.php">LIVRES PATRIMOINES</a></div>
                <div class="menucolore8" id="menu4" onmouseover="affiche(this)"><a href="cartegeo.php">CARTE GEOGRAPHIQUES</a></div>
                <div class="menucolore9" id="menu3" onmouseover="affiche(this)"><a href="audio.php">AUDIOVISUEL (CD-DVD)</a></div>
                 </div>
Et sur CSS: 
/*MENU*/
#menuU{
  width: 100%;
  margin:0px 0px;
  float:left;
position:relatif;
 }
#menuU div{
	float:left;
    padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}
.menuU{
	position:fixe;
	float:left;
	width:190px;
	position:fixed;
}
#menuU div a:link, #menuU div a:visited, #menuU div a:hover{
	
	font-weight:bold;
	font-family:arial,sans-serif;
	font-size:14px;
	text-decoration:none;
 
	padding:5px;margin:1px 0px;
	height:22px;
	display:block;
}
#menuU div a:link, #menuU div a:visited{
	
padding:5px;margin:1px 0px;
}
#menuU div a:hover, #menuU div a:active, #menuU div a:focus{
	
padding:5px;margin:1px 0px;
}
#menu1 div a:hover, #menuU div a:active, #menuU div a:focus{
	
padding:5px;margin:1px 0px;
}
 
.sousmenu{
	color: #FFFFFF; 
	 border-radius: 1px;
     float:left;
}