Geckozone

Code : Tout sélectionner

		<ul id="menuMain">
			<li class="menuElementLeft" onclick="menuAdmin(this) ; "><span id="menu1">Text text</span></li>
			<li class="menuElementCenter" onclick="menuContact(this)"><span id="menu2">Text text</span></li>
			<li class="menuElementCenter" onclick="menuLog(this)"><span id="menu3">Text text</span></li>
			<li class="menuElementRight" onclick="menuDoc(this)"><span id="menu4">Text text</span></li>
		</ul>

Code : Tout sélectionner

function menuAdmin(O_Parent) {
	var main=document.createElement("ul") ;
	var el1=document.createElement("li") ;
	var el2=document.createElement("li") ;
	var el3=document.createElement("li") ;
	el1.appendChild(document.createTextNode("Bla1")) ;
	el2.appendChild(document.createTextNode("Bla2 Bla2")) ;
	el3.appendChild(document.createTextNode("Bla3 Bla3 Bla3")) ;
	main.appendChild(el1) ; 
	main.appendChild(el2) ;
	main.appendChild(el3) ;
	O_Parent.appendChild(main) ;
}

Code : Tout sélectionner

ul {
	list-style:none;
	padding:0;
}

li {
	display: table-cell ;
	float: left;
}