Ciao a tutti, devo realizzare un menu con delle sottovoci che si aprono tramite javascript alla pressione del menu.
Il suddetto menu è in una cella di dimensione 363px
le sue sottovoci sono spesso molto più ampie della voce iniziale, come nella foto di esempio, ho quindi fatto in questo modo e funziona sia con chrome che firefox che ie 9 ma mi sembra un po' troppo complesso, esistono modi più semplici?
codice:<div> <div style="position:relative; width: 100px; z-index: 1; float:left; height: 200px;"> menu1 </div> <div style="position:relative; width: 90px; z-index: 2; height: 200px; float:left; left:-50px;"> menu2 </div> <div style="position:relative; width: 180px; z-index: 3; height: 200px; float:left; left:120px; top:-200px;"> menu3 </div> <div style="position:relative; width: 60px; z-index: 4; height: 200px; float:left; left:25px; top:-200px;"> menu4 </div> <div style="position:relative; width: 70px; z-index: 5; height: 200px; float:left; left:45px; top:-200px; "> menu5 </div> <div style="clear:both;"></div> </div>
Rispondi quotando