Tom's Guide > Forum > Programmation > comment créer une liste de lien sou html ?

comment créer une liste de lien sou html ?

Forum Programmation : comment créer une liste de lien sou html ?

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

salu a tous ... alors en faite g un pti problem ... :)
jarive pas a créer une liste de lien ( ou texte ) html / css exemple :

aaaaa----------------bbbbb---------------ccccc
aaaaa----------------bbbbb---------------ccccc
aaaaa----------------bbbbb---------------ccccc
aaaaa----------------bbbbb---------------ccccc
aaaaa----------------bbbbb---------------ccccc
aaaaa----------------bbbbb---------------ccccc

PS : a la place des tirets .. des espaces ..

voila merci davance ...

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

t'as essayé la balise

<ul>

<li> lien </li>
<li> lien </li>
<li> lien </li>

</ul>

Répondre à sikk0

salut,
et avec la liste de sikko, tu ajoute en css:

Code :
  1. a {
  2. float:left;/* pour les aligner */
  3. display:block;/* pour pouvoir leur donner une largeur*/
  4. width:60px;/*largeur au pif*/
  5. margin-right:5em;/*decalage a droite du prochain lien de 5 espaces */
  6. }


avec ça tu as une base pour commencer , reste a looker tes listes de liens
<edit> et tu ajoute les liens dans la liste:
a plus

Code :
  1. <ul>
  2. <li><a href="#"> lien </a></li>
  3. <li><a href="#"> lien </a></li>
  4. <li><a href="#"> lien </a></li>
  5. </ul>

Répondre à gccyrillus

merci je v essayé ;-)

Répondre à AnThRaXs

oé ma liste marche mais mes lien , o lieu de se mettre a la suite ... i se mette a la ligne ... donc sa me done une liste avec une colonne .... alors ke mon but de dépar est den avoir trois parallèles une centré a goche , une o centre et une a droite .... merci de me repréciser commen :-)

Répondre à AnThRaXs

rebonjour,

un petit effort et tu aurais appliquer le float a ul au lieu de a
je temet une page complete en code, j'ai enlever les marges par defaut et les puces pour que ça ressemble a ton croquis :-)

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  7. ul {
  8. float:left;/* pour les aligner */
  9. /*display:block; pour pouvoir leur donner une largeur==> inutile pour une liste !*/
  10. width:60px;/*largeur au pif*/
  11. margin-right:5em;/*decalage a droite du prochain ul de 5 espaces */
  12. padding-left:0;
  13. list-style-type:none;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <ul>
  19. <li><a href="#">aaaaaa</a></li>
  20. <li><a href="#">aaaaaa</a></li>
  21. <li><a href="#">aaaaaa</a></li>
  22. <li><a href="#">aaaaaa</a></li>
  23. <li><a href="#">aaaaaa</a></li>
  24. <li><a href="#">aaaaaa</a></li>
  25. </ul>
  26. <ul>
  27. <li><a href="#">bbbbbb</a></li>
  28. <li><a href="#">bbbbbb</a></li>
  29. <li><a href="#">bbbbbb</a></li>
  30. <li><a href="#">bbbbbb</a></li>
  31. <li><a href="#">bbbbbb</a></li>
  32. <li><a href="#">bbbbbb</a></li>
  33. </ul>
  34. <ul>
  35. <li><a href="#">cccccc</a></li>
  36. <li><a href="#">cccccc</a></li>
  37. <li><a href="#">cccccc</a></li>
  38. <li><a href="#">cccccc</a></li>
  39. <li><a href="#">cccccc</a></li>
  40. <li><a href="#">cccccc</a></li>
  41. </ul>
  42. </body>
  43. </html>

Répondre à gccyrillus
Tom's Guide > Forum > Programmation > comment créer une liste de lien sou html ?
Aller à :

Il y a 695 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens