Discussion :

[tus01]

Bonjour,

Je souhaiterai aligner deux images à droite de la manière suivante:

|----- espace vide ---------| image 1 |<-5px->| image 2 | bord de page|

Je voudrai que l'alignement avec la bordure de page droit soit permanent. Cela est-il possible ?

Pour le moment j'ai déclaré un tableau avec une première cellule de taille 75% et dans la deuxième cellule je positionne mes images. Le problème est que quand la fenêtre est redimensionnée, j'ai des comportements un peu bizarres.

Merci pour votre aide.

[c_s_s]

Bonjour,

Voici un exemple sans tableau :

Code css :

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

1
2
3
4
5
6
.toto {
	text-align:right;
}
.image1 {
	margin-right:5px;
}

Code xhtml :

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

1
2
3
4
<div class="toto">
	<img class="image1" src="image1" alt="" />
	<img src="image2" alt="" />
</div>

[Macmillenium]

Bonjour,

Code xhtml :

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

1
2
3
4
<div class="toto">
	<img class="image1" src="image1" alt="" />
	<img src="image2" alt="" />
</div>

Moi je dirais :

Code xhtml :

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

1
2
 
<img class="image1" src="image1" alt="" /><img src="image2" alt="" />

n'est pas du tout comme :

Code xhtml :

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

1
2
3
 
	<img class="image1" src="image1" alt="" />
	<img src="image2" alt="" />

ou

Code xhtml :

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

1
2
 
<img class="image1" src="image1" alt="" /> <img src="image2" alt="" />

L'alignement horizontale "naturel" des images dépend de leurs ordre dans le code.
Dans ton code il y a un espace entre les 2 éléments qui sera visible (en plus du margin-right:5px).

[c_s_s]

Dans ce cas, est-ce que :

Code :

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

1
2
3
<div class="toto">
	<img class="image1" src="image1" alt="" /><img src="image2" alt="" />
</div>

Est différent de :

Code :

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

<div class="toto"><img class="image1" src="image1" alt="" /><img src="image2" alt="" /></div>

[Macmillenium]

Non, que pour l'espacement entre les éléments de type inline

[c_s_s]