Discussion :

[MicroPuce]

Salut,
Encore un question concernant le positionnement
Je voudrais pouvoir positionner une image (ou une série d'images) avant ou après un texte (au choix).
Lorsque j'ai une seule image, le texte devrait se placer à droite, et lorsque j'ai plusieurs images qui prennent toute la place, alors le texte se place après. Et pour un positionnment à gauche, le texte se placerait avant la série d'images.
J'ai essayé plusieurs façons, mais rien ne marche, ch'uis paumé
Si un pro des CSS pouvait m'aider

[scorpking]

edit erreur de message

[blueice]

Ca doit se faire tout seul et si le texte ne revient pas à la ligne, tu n'as qu'a utiliser la propriété :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
clear:both;

[MicroPuce]

Effectivement, je crois que mon problème n'est pas au niveau du texte, ça a l'air de fonctionner quand j'ai une seule image.
Mais ce qui me pose problème, en fait, c'est mettre les images "en lignes", sachant que chaque image comporte une légende qui va avec.
J'ai essayer d'assembler chaque image+texte dans un div, puis de positionner les div l'un à coté de l'autre, en utilisant la propriété display.
Mais c'est un franc massacre, ça se positionne n'importe comment, j'y comprends rien

[blueice]

Essaye comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
div.flottante {
	float:left;
	padding:20px;
}
 
<div class="flottante">
<a href="#"><img src="#" alt="exemple" /></a>
</div>
 
<div class="flottante">
<a href="#"><img src="#" alt="exemple" /></a>
</div>
 
<div class="flottante">
<a href="#"><img src="#" alt="exemple" /></a>
</div>

[MicroPuce]

Mais quel c... je fais, j'aurais dû y penser!!!!
Merci Blueice, tu m'as réconcilié avec les CSS
Jusqu'à la prochaine fois

[blueice]

Il faut toujours revenir à quelque chose de simple en CSS.

Heureux que ca puisse t'aider