Probleme mise en page d'une liste

ça m'embete j'arrive pas à faire ce que je veux :

Voici mon code dans mon HTML :

{% extends "base_concours.html" %}
2	
3	{% block title %}Les images du concours{% endblock %}
4	
5	
6	
7	{% block content %}
8	<h2>Images</h2>
9	<ul>
10	{% for img in object_list %}
11	
12	<span class="img_affich">
13	<a href="concours/"> <img src={{img.img_adresse_thumb}}> </a>
14	
15	{{img.img_nom}}
16	
17	</span>
18	
19	{% endfor %}
20	
21	</ul>
22	
23	
24	{% endblock %}

Ce qui me donne ça : http://img145.imageshack.us/img145/7356/img1ua2.png

et je voudrais ça : http://img75.imageshack.us/img75/1829/img2ox1.png

En fait lorsque je rajouter un <p> ou un <br> la deuxieme image passe elle aussi en dessous... sachant que comme vous le voyez ma liste d'image à afficher est obtenue via une requete dynamique... au final j'aimerai avoir 3 images en ligne, et passage à la ligne, puis les 3 autres de la liste etc...

Un peu d'aide me serai bien utile...

Merci
Modifié par leau2001 (30 May 2008 - 10:35)

Bonjour leau2001,

Difficile de répondre de manière efficace sur ce cas de figure, mais de prime abord, il me semble que tu pourrais utiliser les listes de définitions (dl,dt,dd)
http://www.pompage.net/pompe/listesdefinitions/
(Styler une liste de définitions pour en faire une galerie d'images plus bas dans l'article )

Cdt,
Sylvain

Merci c'est exactement ça...

Bravo pour votre fabuleux site... très instructif, et très beau

lo