Se connecter / S'enregistrer
Votre question

Elements de liste cote a cote.

Tags :
  • Lightbox
  • Programmation
Dernière réponse : dans Programmation
29 Décembre 2010 11:46:28

Bonjour a tous,

Je rencontre un problème dans la créations de mon site web.
Je désire faire des listes, et que celle ci soit cote a cote, mais par default, elle se mettent en dessous les une des autres.

Ce qui donne :




Je voudrais avoir ce rendu la sur a page web : (image truquer)





Le code de cette partie de page est :

  1. <dl>
  2.  
  3.  
  4. <span style="text-align: left;"> <dd>
  5. <dt>    BaGuEs  :</dt><br>
  6.  
  7. <dd><a href="<a href="http://img267.imageshack.us/img267/6475/amoncoup1.jpg" rel="nofollow" target="_blank">http://img267.imageshack.us/img267/6475/amoncoup1.jpg</a>" rel="lightbox"><FONT color= black>Bague 1</FONT color= black></a></dd>
  8. <dd><a href="<a href="http://img842.imageshack.us/img842/5130/amoncoup2.jpg" rel="nofollow" target="_blank">http://img842.imageshack.us/img842/5130/amoncoup2.jpg</a>" rel="lightbox"><FONT color= black>Bague 2</FONT color= black></a></dd>
  9. <dd><a href="<a href="http://img638.imageshack.us/img638/6098/amoncoup3.jpg" rel="nofollow" target="_blank">http://img638.imageshack.us/img638/6098/amoncoup3.jpg</a>" rel="lightbox"><FONT color= black>Bague 3</FONT color= black></a></dd>
  10. <dd><a href="<a href="http://img375.imageshack.us/img375/1333/amoncoup4.jpg" rel="nofollow" target="_blank">http://img375.imageshack.us/img375/1333/amoncoup4.jpg</a>" rel="lightbox"><FONT color= black>Bague 4</FONT color= black></a></dd>
  11. <dd><a href="<a href="http://img341.imageshack.us/img341/2648/amoncoup5.jpg" rel="nofollow" target="_blank">http://img341.imageshack.us/img341/2648/amoncoup5.jpg</a>" rel="lightbox"><FONT color= black>Bague 5</FONT color= black></a></dd>
  12. <dd><a href="<a href="http://img593.imageshack.us/img593/2492/amoncoup6.jpg" rel="nofollow" target="_blank">http://img593.imageshack.us/img593/2492/amoncoup6.jpg</a>" rel="lightbox"><FONT color= black>Bague 6</FONT color= black></a></dd>
  13. <dd><a href="<a href="http://img593.imageshack.us/img593/2492/amoncoup6.jpg" rel="nofollow" target="_blank">http://img593.imageshack.us/img593/2492/amoncoup6.jpg</a>" rel="lightbox"><FONT color= black>Bague 7</FONT color= black></a></dd>
  14. <dd><a href="<a href="http://img191.imageshack.us/img191/395/amoncoup7.jpg" rel="nofollow" target="_blank">http://img191.imageshack.us/img191/395/amoncoup7.jpg</a>" rel="lightbox"><FONT color= black>Bague 8</FONT color= black></a></dd>
  15. </span style="text-align: left;">
  16.  
  17. </dl>
  18. <span style="text-align: center;">
  19. <dt>    A mON Coup'  :</dt><br>
  20.  
  21. <dl>
  22. <dd><a href="<a href="http://img267.imageshack.us/img267/6475/amoncoup1.jpg" rel="nofollow" target="_blank">http://img267.imageshack.us/img267/6475/amoncoup1.jpg</a>" rel="lightbox"><FONT color= black>Colier 1</FONT color= black></a></dd>
  23. <dd><a href="<a href="http://img842.imageshack.us/img842/5130/amoncoup2.jpg" rel="nofollow" target="_blank">http://img842.imageshack.us/img842/5130/amoncoup2.jpg</a>" rel="lightbox"><FONT color= black>Colier 2</FONT color= black></a></dd>
  24. <dd><a href="<a href="http://img638.imageshack.us/img638/6098/amoncoup3.jpg" rel="nofollow" target="_blank">http://img638.imageshack.us/img638/6098/amoncoup3.jpg</a>" rel="lightbox"><FONT color= black>Colier 3</FONT color= black></a></dd>
  25. <dd><a href="<a href="http://img375.imageshack.us/img375/1333/amoncoup4.jpg" rel="nofollow" target="_blank">http://img375.imageshack.us/img375/1333/amoncoup4.jpg</a>" rel="lightbox"><FONT color= black>Colier 4</FONT color= black></a></dd>
  26. <dd><a href="<a href="http://img341.imageshack.us/img341/2648/amoncoup5.jpg" rel="nofollow" target="_blank">http://img341.imageshack.us/img341/2648/amoncoup5.jpg</a>" rel="lightbox"><FONT color= black>Colier 5</FONT color= black></a></dd>
  27. <dd><a href="<a href="http://img593.imageshack.us/img593/2492/amoncoup6.jpg" rel="nofollow" target="_blank">http://img593.imageshack.us/img593/2492/amoncoup6.jpg</a>" rel="lightbox"><FONT color= black>Colier 6</FONT color= black></a></dd>
  28. <dd><a href="<a href="http://img593.imageshack.us/img593/2492/amoncoup6.jpg" rel="nofollow" target="_blank">http://img593.imageshack.us/img593/2492/amoncoup6.jpg</a>" rel="lightbox"><FONT color= black>Colier 7</FONT color= black></a></dd>
  29. <dd><a href="<a href="http://img191.imageshack.us/img191/395/amoncoup7.jpg" rel="nofollow" target="_blank">http://img191.imageshack.us/img191/395/amoncoup7.jpg</a>" rel="lightbox"><FONT color= black>Colier 8</FONT color= black></a></dd>
  30. </span style="text-align: center;">
  31.  
  32. </dl>





Quel codage utiliser? Comment l'inserer?
Pouvez me donner le code a insseré, les balises?
Merci de votre aide.
Wally_D

Autres pages sur : elements liste cote cote

a c 145 L Programmation
29 Décembre 2010 12:01:14

En CSS:
  1. dl {float:left;display:inline;width:5em;}
m
0
l
31 Décembre 2010 10:22:44

Bonjour ;

J'insere ou ce code, et comment? Merci.


Pourrais m'editer mon code pour que cella convienne?




Ps : Quel est la balise Php pour faire un saut de ligne.

Exemple : <td colspan="3"><strong>Envoyer un message <br></strong></td><br />
</tr> <br />

Sa ne marche pas ainsi.. >.<
m
0
l
Contenus similaires
a c 232 L Programmation
31 Décembre 2010 12:01:34

Salut,

Tu le mets à l'intérieur de <style type="text/css"> et </style> (tu devras peut être les créer)


Et ce n'est pas une balise PHP, mais une balise HTML.
Et pour sauter une ligne c'est bien <br/>, mais pour sauter une ligne dans un tableau il ne faut pas le mettre ça n'importe où. Pour écrire dans un tableau il faut écrire à l'intérieur de <table><tr><td>ICI</td></tr></table>
Ton premier <br/> est entre le </td> et le </tr>, et ton 2ème est entre le </tr> et le </table>, donc les 2 ne sont pas pris en compte (ou peut être pris en compte mais en dessous du tableau)
m
0
l
2 Janvier 2011 10:19:08

Je ne comprend toujours pas comment creer mes listes..Pourrais tu édifier mon code de liste? et ... Mon code de saut de ligne..

Désolé de cette prise en main.
Mais merci
m
0
l
a c 232 L Programmation
2 Janvier 2011 11:18:38

Va peut-être falloir prendre quelques cours de HTML/CSS avant de vouloir se lancer dedans...
m
0
l
8 Janvier 2011 11:33:13

... J'apprend sur le site du 0.
Ma mais pour le moment, mon problème subsiste.. Pourrais tu me donne les code..?
m
0
l
a c 145 L Programmation
11 Janvier 2011 09:42:59

Montre nous ce que tu as fait actuellement. On ne donne pas un code "comme ça", on adapte le tien.
m
0
l
15 Janvier 2011 07:42:34

Mon code est dans mon premier post .. Mais c'est gentil de m'aider :) 
m
0
l
a c 145 L Programmation
16 Janvier 2011 11:13:36

Je voudrais voir ton code modifié selon nos conseils / idées.
m
0
l
16 Janvier 2011 12:03:48

je n'est pas comris quelles modifications y apportés ...
m
0
l
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