Se connecter / S'enregistrer
Votre question

comment créer une liste de lien sou html ?

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
9 Octobre 2005 18:28:27

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

9 Octobre 2005 19:43:34

t'as essayé la balise

<ul>

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

</ul>

9 Octobre 2005 22:39:03

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>
Contenus similaires
10 Octobre 2005 21:06:13

merci je v essayé ;-)
10 Octobre 2005 22:35:43

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 :-)
10 Octobre 2005 23:24:58

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" "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.  
  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>
11 Octobre 2005 20:40:08

mici bocou :-)
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS