Menu en ligne avec éléments de même dimension (%)

Salut...

Je cherche à faire un menu, à partir d'une liste (<ul><li>...) qui fasse toute la largeur disponible, et dont chacun des éléments aurait une largeur en pourcentage.

Par exemple si le menu comporte 4 éléments, chacun devrait occuper 25% de la largeur.

Avec un tableau, c'est très simple... mais avec une liste comment faire ? Est-ce possible d'ailleurs ?

J'aimerais faire ça car je souhaite faire mon site aussi large que possible, et redimensionnable...

Merci de votre aide.

Hello,

Il suffit simplement que chaque élément de liste (li) fassent 25% de large
Je ne comprends pas vraiment quel est exactement ton problème. Où est-ce que ça ne fonctionne pas chez toi ?

J'ai essayé 2 choses :

Dans le 1er cas, la largeur n'est pas prise en compte, certainement du fait du "inline".

ul{display:inline;}
li{width:25%;}

Dans le 2ème cas, la largeur est prise en compte, mais évidemment les éléments sont les uns au dessus des autres.

ul{display:block;}
li{width:25%;}

Essaye avec ceci :

li { float: left; width: 25%; }

Oui les éléments inline n'ont pas de dimensions, sauf exceptions.
Cela fait partie des bases utiles à connaître
Modifié par Raphael (27 Mar 2005 - 10:18)