Se connecter avec
S'enregistrer | Connectez-vous

comment créer une liste de lien sou html ?

Dernière réponse : dans Programmation

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 ...

Autres pages sur : creer liste lien sou html

Lassé par la pub ? Créez un compte

salut,
et avec la liste de sikko, tu ajoute en css:
  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
  1. <ul>
    

  2.  
  3. <li><a href="#"> lien </a></li>
    

  4. <li><a href="#"> lien </a></li>
    

  5. <li><a href="#"> lien </a></li>
    

  6.  
  7. </ul>

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 :-)

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 :-) 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" 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.  
  16. </style>
    

  17. </head>
    

  18. <body>
    

  19. <ul>
    

  20.  
  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. <li><a href="#">aaaaaa</a></li>
    

  26. <li><a href="#">aaaaaa</a></li>
    

  27.  
  28. </ul>
    

  29.  
  30. <ul>
    

  31.  
  32. <li><a href="#">bbbbbb</a></li>
    

  33. <li><a href="#">bbbbbb</a></li>
    

  34. <li><a href="#">bbbbbb</a></li>
    

  35. <li><a href="#">bbbbbb</a></li>
    

  36. <li><a href="#">bbbbbb</a></li>
    

  37. <li><a href="#">bbbbbb</a></li>
    

  38.  
  39. </ul>
    

  40.  
  41. <ul>
    

  42.  
  43. <li><a href="#">cccccc</a></li>
    

  44. <li><a href="#">cccccc</a></li>
    

  45. <li><a href="#">cccccc</a></li>
    

  46. <li><a href="#">cccccc</a></li>
    

  47. <li><a href="#">cccccc</a></li>
    

  48. <li><a href="#">cccccc</a></li>
    

  49.  
  50. </ul>
    

  51. </body>
    

  52. </html>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde