Problèmes avec balise li div et CSS

Bonjour

Depuis qqe jours j'essaye en vain de disposer mes listes dans une div comme sur l'exemple de la photo. Si qqun pouvait m'aider....
Merci de votre aide

Cordialemet

Modifié par adrienb4 (21 Apr 2010 - 12:20)

Hello,

Il suffit de mettre ton ul et ton li en float:left ensuite tu spécifie une largeur et une hauteur à ton li et tu met une largeur à ton ul qui fait 3 fois la largeur de tes li.

Merci de ta reponse.
Cependant quand je fais se que tu décris, j'ai un phéoméne bisard. Les li ce mettent bien comme il faut mais ne sont pas dans la div !!!
une explication?

Il faudrait voir le code pour t'aider

J'etais en train de le poster ^^

Le code HTML avec la DIV et la liste LI

<div class="content">	
			<ul class="generalul">
			<li class="generalli add"><a href="#">Ajouter</a><br />
				Ajouter un client</li>
			<li class="generalli edit"><a href="#">Editer</a><br />
				Editer un client</li>
			<li class="generalli del"><a href="#">Supprimer</a><br />
				Supprimer un client</li>
			</ul>

</div>

Le CSS :

li.generalli {
	float: left;
	margin: 10px;
	width: 320px;
	min-height: 50px;
	background-color: pink;
}

.add {
	background: transparent url(add.png) no-repeat top left;
	padding-left: 20px;
	line-height: 16px;
}

.edit {
	background: transparent url(edit.png) no-repeat top left;
	padding-left: 20px;
	line-height: 16px;
}

.del {
	background: transparent url(del.png) no-repeat top left;
	padding-left: 20px;
	line-height: 16px;
}

Merci
Modifié par adrienb4 (21 Apr 2010 - 14:44)

Bah oui, tu as oublié de mettre un float:left sur le ul comme j'avais dit (ou un overflow:hidden au choix).

oui effectivement dans ma copie du script il n'y est pas. Cependant quand j'ai testé avec cela ne fonctionné pas nn plus

Bon bah j'avou que je seche la. je viens de tester pas mal de combinaison mais rien

up !!!

Quel est le problème avec la solution que t'a proposé pfoofen (li flottant à gauche) ?