Discussion :

[solorac]

Bonjour la Communauté,

Je cherche à mettre le même écart entre plusieurs images mais rien ne fonctionne comme je voudrais.
Cela me semble pourtant très facile, cela fait 1h que je suis dessus et je ne trouve pas. Une petite aide svp ,

Voici mon code html :

Code html :

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

1
2
3
4
5
6
7
<div class="thumbsn">
<p>
<a href="a1.html"><img src="../../images/N2!/down.png"></a>
<a href="a2.html"><img src="../../images/N2!/part.png"></a>
<a href="a3.html"><img src="../../images/N2!/com.png"></a>
<a href="a4.html"><img src="../../images/N2!/photo.png"></a>
</p>

Le code CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
.thumbsn img {
border:1px solid #F28C28;
background-color: #F28C28;
}
.thumbsn img:hover {
background: url(images/flash.gif);
}
.thumbsn p {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

Je voudrais un écart de 50px.

Merci pour votre aide;

[NoSmoking]

Bonjour,
généralement les écarts entre éléments se gèrent via la propriété margin.

Nota : suivant ce que tu souhaites réaliser la solution peut être ailleurs !

[Invité]

Bonne journée,


Regarde du côté de flexbox.

[solorac]

Bonjour,

Flexbox me paraissait bien mais je ne peux gérer l’écart voulu entre chaque image.
Quant aux margin, je n'arrive pas à mettre un écart de 50 entre chaque image.

[solorac]

C'est bon j'ai trouvé, il suffisait que j'indique l'endroit où je voulais que les écarts soient mis :

Code :

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

1
2
3
4
5
.thumbsn p img {
border:1px solid #F28C28;
background-color: #F28C28;
margin-left:50px;
}