Problème code CSS

[snooper]

Bonjour a toutes et a tous

On m'a conseiller d'utiliser une liste à puce pour les liens de mes menus pour mes sites (background-attachment: fixed)

Le probleme, c'est qu'au niveau du menu hauit, j'ai mis le code suivant:

<ul class="barre-haut">
<li><a href="">Accueil</a></li>
<li><a href="http://www.i-services.net/membres/livredor/livredor.php?user=17146">Livre d' or</a></li>
<li><a href="http://www.i-services.net/membres/forum/sommaire.php?user=17146">Forums</a></li>
<li><a href="http://www.jeuxfun.com/chat/index.htm">Chat</a></li>
<li><a href="http://www.i-services.net/membres/faq/faq.php3?user=17146">F.A.Q</a></li>
<li><a href="me_contacter.php">Contact </a></li>
<li><a href="http://www.legypteantique.com/rss_legypteantique.xml" title='Suivez les mises à jour'><img src="images/rss_14x14.png" alt="Flux RSS" height="14" width="14"/></a></li>
</ul>

et dans mon css

ul.barre-haut
{
display:inline;
list-style-image: url("");
}

Display inline ne suffit il pas a placer les liens horizontalement? Comment faire???


Cordialement

[SuperCureuil]

Tu dois attribuer le inline aux items de ta liste :

Code: Tout sélectionner


li {
display:inline;
}

Bon dimanche

[Vap]

Tu peux aussi utiliser un affichage flottant:

Code: Tout sélectionner

li {
  display: block;
  float: left;
}


Ca te permet de régler facilement l'espacement des éléments du menu, en ajoutant des marges, des border, etc.

[snooper]

OK merci. Je viens meme d'essayer les class sur les li pour que la propriete fonctionne que sur les liens du haut, cela fonctionne nickel. merci a tous les deux, vraiment