Bonjour!
J'ai un menu sous forme de liste:
<ul id="menu">
<li><a href="#">news</a></li>
<li><a href="#">à propos</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
</ul>
Et j'aimerais obtenir le rendu illusté par l'image [URL supprimée]
Or, si mes "a" sont en display: block sans spécifier la largeur, il s occupent automatiquement 100% de leur conteneur [URL supprimée]
Si je spécifie une largeur, tous ont la même, et c'est pas le but [URL supprimée]
Si je mets display: inline a mes "a", alors ils se chevauchent [URL supprimée]
Je ne trouve pas la solution pour obtenir en CSS le résultat voulu...
Une idée? Merci d'avance! ;o
Modifié par GiB (16 Jun 2010 - 09:35)
J'ai un menu sous forme de liste:
<ul id="menu">
<li><a href="#">news</a></li>
<li><a href="#">à propos</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
</ul>
Et j'aimerais obtenir le rendu illusté par l'image [URL supprimée]
Or, si mes "a" sont en display: block sans spécifier la largeur, il s occupent automatiquement 100% de leur conteneur [URL supprimée]
Si je spécifie une largeur, tous ont la même, et c'est pas le but [URL supprimée]
Si je mets display: inline a mes "a", alors ils se chevauchent [URL supprimée]
Je ne trouve pas la solution pour obtenir en CSS le résultat voulu...
Une idée? Merci d'avance! ;o
Modifié par GiB (16 Jun 2010 - 09:35)
Je suis aller trop vite! 
La solution de pfoofen est la mieux!