Gérer l'espace blanc présent après les <li> [Résolu]

Bonjour à tous,

J'utilise dans mon code une liste à puce simple en "inline". A l'intérieur, il y a des liens en "inline-block" ; autrement dit, je crée un menu simple horizontal, un peu comme on peut voir ce forum en haut "Profil ; Aide ; Recherche ; etc.".

Le problème, c'est que lorsque je crée une liste à puce ainsi :

	<li><a href="" title="">Titre</a></li>
	<li><a href="" title="">Titre</a></li>
	<li><a href="" title="">Titre</a></li>

Mon navigateur rajoute automatiquement un espace entre chaque lien. La solution reviendrait à coller tous les liens entre eux, mais ça fait "moche" je trouve, même si ce n'est qu'une question de mise en forme.

Je sais que c'est un problème connu, mais les résultats Google de m'inspirent pas vraiment ; vous savez comment résoudre ce problème ?

Merci d'avance
Modifié par Gaylord.P (20 Nov 2011 - 11:40)

Salut,

De mon côté je passe simplement par un code de ce type :

   <ul><!-- 
    --><li>lorem<li><!-- 
    --><li>ipsum<li><!-- 
    --><li>dolor<li><!-- 
 --></ul>

Ça reste lisible côté code, et fonctionnel côté rendu navigateurs.
Modifié par Vincent Valentin (20 Nov 2011 - 10:50)

Ah oui pas bêtes les commentaires ! J'attends de vois s'il y a d'autres solutions, mais celle-ci me parait simple et sans appel ^^

Bonjour,

http://www.alsacreations.com/article/lire/626-impact-rendu-indentation-code.html

Bonjour,

Merci j'avais déjà lu cet article ^^
Cependant il explique un problème, mais ne dit pas clairement comment le résoudre.

Bah, si, en n'ayant pas de saut de ligne.

Donc deux solutions, les commentaires comme expliqué par Vincent ou tous les li sur la même ligne.

Merci beaucoup

Salut,
Autre solution : ne pas modifier le rendu de l'élément et utiliser la propriété float

Suivant les cas, j'utilise soit les commentaires, soit l'astuce du font-size:0; sur le bloc parent.

http://www.ie7nomore.com/fun/white-space/