Discussion :

[Wachter]

Bonjour,

Je voudrais aligner cinq images à droite du corps de la page. J'ai mis des float:right à chacune des images et les images sont bien alignées verticalement à droite. Le problème c'est que le corps de la page est poussé vers le bas (j'ai une grande partie blanche après j'ai le corps de la page qui s'affiche).

                          Image1
                          Image2
                          Image3
                          Image4
Corps de la page          Image5

Auriez-vous une idée ?

[Candygirl]

Bonjour,

Quel est le code correspondant ?

[Wachter]

Code html :

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

1
2
3
4
5
<img src="/graphics/visuels/vignette1.png" style="margin-top: 50px; margin-right: 30px; float: right;" />
<img src="/graphics/visuels/vignette2.png" style="margin-right: 30px; float: right;" />
<img src="/graphics/visuels/vignette3.png" style="margin-right: 30px; float: right;" />
<img src="/graphics/visuels/vignette4.png" style="margin-right: 30px; float: right;" />
<img src="/graphics/visuels/vignette5.png" style="margin-right: 30px; float: right;" />

[Bisûnûrs]

Mets plutôt les images dans un conteneur sur lequel tu appliqueras le float:right.

[Wachter]

Salut Bisûnûrs,

En effet, c'est plus propre comme solution, merci. J'ai appliqué un display:block pour avoir un affichage horizontal des images.

Vu que ce code d'alignement est mis dans un header, j'ai un affichage correct sur certaines pages et un décalage vers le bas pour d'autres.