Bonjour, sans aucune prétention, je vous soumets le code d'un menu déroulant. Juste pour savoir si vous voyez des incohérences énormes qui risquent de ne pas fonctionner sur (X) navigateurs. Je l'ai créée en furetant à gauche et à droite sur différents sites, donc aucun mérite mais juste le plaisir de comprendre comment ça fonctionne.
Une petite question me taraude : est-ce que le symbole (>) sélecteur d'enfant (en bas) est vraiment utile, car si je l'enlève ça marche aussi.
Une petite question me taraude : est-ce que le symbole (>) sélecteur d'enfant (en bas) est vraiment utile, car si je l'enlève ça marche aussi.
#bloc_texte {
margin-top: 35px;
margin-left: 5px;
}
#conteneur {
font: normal 11px verdana, sans-serif;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 10px;
}
li {
list-style-type: none;
}
.sousmenu {
margin: 0;
padding: 0;
list-style-type: none;
}
a {
color: #000000;
text-decoration: none;
display: block;
padding: 4px 8px;
background: #3B4E77;
border-right: 2px solid #fff;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #F2462E;
}
#conteneur li {
float: left;
width: 150px;
}
#conteneur .sousmenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conteneur li:hover > .sousmenu {
display: block;
}
<ul id="conteneur"><!-- Boite globale -->
<li><a href="#">Menu 1</a>
<ul class="sousmenu"><!-- Sous Menu Photoshop -->
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul class="sousmenu"><!-- Sous Menu Photoshop -->
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul class="sousmenu">
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
<li>
<a href="#">Menu 4</a>
<ul class="sousmenu">
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
<li><a href="#">item</a></li>
</ul>
</li>
</ul><!-- Fin de la boite globale -->
<div id="bloc_texte">Osto dolummod te magnibh eu facinci tio con esto eum in ecte do del inci blaoreetum il del inis eu facidui ssequis eumsan utem velit amet lumsan ulputpat. Periliquat dolobore volendre feum zzrit lor suscili smoluptat. Ut augue feugiatin erostie dio odolent ver ipisim quismod dolor sisim ilit nostism oleniamcommy num nostrud minibh eraese tat lobore eugait venis dolobor sum velesent praestie volore conum zzril utem vero delent dolobor si. Nulput am, consequisi blaore ver in eliquat volenim quisl utate dit wisi. Ibh ero et lummodo ercil utat dolorer aestrud ex elit atum volortio consent nos alit dolenia mconseniscil dolenim do dolorem iriustissisi bla feugue facipis num il euguero con henibh eniamco mmodipit luptat ilisi.Igna faccum iustrud magnibh eum adio cor ip ectem do ex er suscipit pratueros do et vullut aut el dui blaor inibh eui bla cons augait do ea consed tin vulputet nullaoreet, consenibh etuer se eugiam, corero conullaore facil il doloborper iustie min henit alis et am, veliquat veratue molortions nonsequis dolore feuisl esequat verostrud tem do dolorero conse dolore te feugue esto conullam veraestrud molorpero et nonsequamet lam ing erat.At. Ero con ver sis am, sum dipis aut augait ipit wis aliquat, quamcon ulluptatiecore magna feumsandio dit etummy nit nummy nostrud do exero dolobor senis nonsequatin velenim ad essi.Ostrud moloreet, veliquisl ut vel et, con vel init acidunt eummodi amcore delit, core dolenim velestis dolobore tat volor si te mod tat praestrud ting exeros nonsequam eum adiate ese dolore con hendrer iuscili quatuer ipit dolortie te magna feummod olortie tie magnibh eliquisit irit accumsandit velit ing er acin hent nisis nisis non veliquatinim dolorti scidunt irit alisit at ecte et ipis eugait venim zzriusto commy nim ad ecte diam velendi psusto commodolor sequis ex exerostrud dolorti ncilit ulla feu faci ea facidui tin volor irit atio dolorem erosto dignis nibh esequatinci euisim iuscip exeros numsan vero odolent eugiate veratiniam volor sed te dolore commy nim zzriureetue ese minit eriurem il iril utem volore faci bla conulla feugiat ip eu feu facing et atem zzrit ad ea feuisi blam zzrilis nisim eros nos do dolobortie elismodiat nissis nullaortin vent dunt lobor adignit lorper il ut lobor susto ero elenisim nosto conseniat in ute tat. Tet wissit essi.Obor si. Elestrud dolendre ea core vulla feugait ip euis at ip ea feui bla augiat aut numsan et duipismod magnibh exerat. Er senis ex ea con henisit volore molorti ncipsuscilit enim ver se vullandre volore modionsequi te magnis am euguer am ip erit etum in veliqui smodolorper sum volesequam, cons at, consequis ad tat aliquat adignibh ex et lorem volut praesse quismodolum dit volobor sis eraesequip exer sequat. Ut utat irillamcons aliquatetue commy nibh etue facilla feuisit ecte doloreet ipis nim duiscilit adip euisci tinisim niam quat. Ut vel dolorer aessisis nulluptatio euguer sum zzril digna amet velit lam quisse dolupta tionsequipis elis euis nim zzriurem dolortisi.Iscin velit lutpat alisit nisi.Uptat vel ipit irilissi eugait eugait lut nullut dipsumsan ullum vercip enit accum inci blan utatio conullan ut prate min veros nim nullan veliquis atie dolenit nostie min vulput inci tem dolorem veliquisci exero eu facipis et lamet venis num voloreet ad dit ex erosto duiscip elesequam iure volorpe riusto odionullan ulput praestrud etuero odion henim nibh exeriusto od dipit aliquis alit utet loborti smodit wisl eu faccummolor sim enisit lan henim illametue facing et vel in ut aliquamet, vel ilis num incilisit venisl dolor iure dolorer cipsuscilit dolobore con vel ulla con henibh erostio commy nisit ad ercip euisl duis nostrud tio consequam, vulla feugait acin vel diamet delit ad dolobox enis accumsa ndiam, consed digna conseniat lorem do exeriure dit amet ad delit ullaorerosto eugiatuer iurerae sequat do cor iusci ent autem vel ut vulput aliquisim iureetummy nibh et praessi.Idunt lore euisi. Sendiatet nim qui blandip er ate et nulput lumsandiam ilismod olobore commy nim nismoloreet wisit ex ecte min euisim vel do duismod oluptatis adio conummy nulla feummy nisci euisci bla facipit init, vullaortie tat. Erostie duis ex enit, vullut irit acin ercinci eugiat. Ming esenim ad ex exeros nullam, vel dunt lore do odigna coreetue eugiam, sustie molorper illa corperit vero dolortinibh ea adipsum nos nismodi onsenibh ex ea alissi tet nullupt atinism oloreetum in etummodit ullandio dolobore magna feu facipsusto con vel ut aut at irit nons nim augait luptat.</div>
