28173 sujets

CSS et mise en forme, CSS3

bonjour

soit ce code

<a href="../t/themes/themallerinde.htm">aller en Inde ? </a> <a href="../t/themes/themeak.htm">Anil Kumar</a
      ><a href="../t/themes/themeak.htm"> </a
      ><a href="../t/themes/themartipresse.htm">articles de presse</a
      ><a href="../q/questtechn.htm">aspects techniques</a
      > <a href="../s/sitesfr.htm">autres sites en Fran&ccedil;ais</a
      ><a href="../p/pageunique.htm">autres sujets....</a>


je cherche desespérement à ce que ces liens apparaissent les uns sous les autres
j'ai testé avec li et ul, je tourne en rond , ça ne marche pas
quel est l'astuce ?
merci !
Bonsoir.

Les balises <a> sont de type inline, elles s'affichent donc normalement l'une à la suite de l'autre.

2 solutions :

1) par html, rajouter <br /> (retour à la ligne)
2) par css :

a {display:block}


bien sur, il faudrait encadrer les balises dans un conteneur pour éviter que tous les a deviennent block :


.conteneur a {display:block}

<div class="conteneur">
    <a... </a><a... </a><a... </a>
</div>


Mais pourquoi donc la solution ul li n'a pas fonctionnée? elle aurait due...



<ul>
    <li><a... </a></li>
    <li><a... </a></li>
</ul>

Modifié par GeorgesM (21 Nov 2006 - 20:58)