Probleme avec une liste ul li

Bonsoir à tous,

Je souhaiterais aligner trois petites images les une à cotés des autres avec une liste ul li.

Mon code est le suivant :

<div id="actualites">
      <ul id="police">
        <li><a href="#"><img src="images/s.gif" alt="Taille de la police normal"/></a></li>
        <li><a href="#"><img src="images/l.gif" alt="Taille de la police large"/></a></li>
        <li><a href="#"><img src="images/m.gif" alt="Taille de la police extra large"/></a></li>
      </ul>
</div>

Mon code css que j'ai testé :

#police ul{
list-style-type:none;
}
#police ul li  {
display: inline;
}

Mais en vain les images restent les une en dessous des autres.

Quelqu'un a t'il une idée ?

Merci d'avance pour vos réponses.
Modifié par Igor (27 Apr 2005 - 09:23)

Hmm, c'est bizar ça
T'as un exemple en ligne qu'on se rende compte ce que ça donne et pour pouvoir tester en direct live ?

Sinon, t'as la possibilité via float, mais display: inline; devrait marcher en principe.

bonsoir

dans ton #police ul li {... , tu applique un display inline à li mais aussi à ul

donc pas bon

enleve ul et regarde le résultat

amicalment,

@Doomer
Même pour de courts extraits l'utilisation de [ code][ /code] c'est bien aussi.
Il serait bien aussi de t'occuper de tous tes sujets non résolus et de ne pas les abandonner à leur sort avant d'en poster de nouveaux .
-->Tous tes sujets

Philippe a écrit :
bonsoir

dans ton #police ul li {... , tu applique un display inline à li mais aussi à ul

donc pas bon

enleve ul et regarde le résultat

Non !
#police ul li => les li contenu dans les ul contenu dans #police
c'est pas, les ul ET li contenus dans #police

Ca ne change rien, c'est même mieux de mettre ul li.
Vers la fin de ce lien :
http://marcarea.com/tuto/cascade.php

Tu as l'explication du pourquoi c'est mieux de mettre plus de précision

à doomer,

assure toi que rien dans ta css ne mette les <a> ou les <img> en display:block

on ne sait jamais, ça expliquerait le pb.

++

Bonjour,

J'ai bien vérifier si j'avais la balise img en display:block mais non.

Je vous mets la page en question : Page test

De plus, dans mon footer je veux mettre les liens mentions légales et plan de site à droite mais même en utilisant un span avec un text-align:right cela reste toujours à coté de mon bloc texte.

En espérant avoir un peu d'aide.
Merci
Modifié par doomer (27 Apr 2005 - 09:22)

Salut doomer
Pour les images, essaie un float: left pour tes <li>
Et pour ton footer, remplace plutot ton div pied-de-page par un <p> avec un text-align:right.
Modifié par YerebY (27 Apr 2005 - 10:15)

Pour mon pied de page je veux garder mon copyright à gauche et mettre mes liens à droite; Avec ta solution, tous va se retrouver à droite non ?

Le float:left, ne fonctionne pas non plus
Modifié par doomer (27 Apr 2005 - 10:24)

Alors essaie ca pour le footer:

<p id="1">ton copyright</p>
<p id="2">le reste</p>

#1{
float:left;}

#2{
float:right;}

Modifié par YerebY (27 Apr 2005 - 16:42)

Ceci est extrait de ta feuille de style

div#barre-laterale li a {
display: block;
background: transparent;
padding: 0 15px;
}

alors évidemment