28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai le code suivant:

<div>
  <ul>
    <li><a href="http://www.toto.com">toto</a>Le site à toto</li>
    <li><a href="http://www.tata.com">tata</a>Le site à tata</li>
    <li><a href="http://www.titi.com">titi</a>Le site à titi</li>
  </ul>
</div>

J'aimerais que les liens soient alignés à gauche du div conteneur, et que les textes ("le site à ...") soient eux alignés à droite. J'ai essayé diverses choses, comme par exemple mettre les textes dans un span flottant à droite, ce qui fonctionne sous FF, mais donne de curieux résultats sous IE toutes versions.
Quelqu'un saurait m'aider? Smiley smile
Modifié par tallano (15 Mar 2010 - 14:29)
Bonjour,
tallano a écrit :
J'ai essayé diverses choses, comme par exemple mettre les textes dans un span flottant à droite, ce qui fonctionne sous FF, mais donne de curieux résultats sous IE toutes versions.
C'est pourtant la bonne piste. Saurait-tu nous montrer une page en ligne ou le code CSS utilisé pour ton test ?
Les éléments flottants doivent être positionné avant les éléments dans le flux.

Donc, soit tu fais flotter les <a> également (à gauche) soit les <span> doivent être placé avant les <a> dans le code Smiley smile
Modifié par Laurie-Anne (15 Mar 2010 - 10:06)