Aligner 2 images dans une div

Résolu

Html

tipi75 Messages postés 723 Statut Membre -
tipi75 Messages postés 723 Statut Membre - 7 déc. 2009 à 22:19

Bonsoir,

Je voudrais centrer 2 images dans une div. Je souhaite une marge entre les 2 images de 10px. Mon problème majeur est de centrer mes 2 illustrations dans la div.

Voici la partie html:

<div id="principal">
<p>
<img src="url" alt="">
<img src="url1" alt"">
</p>
</div>

Voici la partie css:

#principal{
width:1024px;
height:300px;
margin: 0 auto;
margin-top: 100px;
text-align: center;
background-color: white;
}

#principal img{
margin: 0px 0px 0px 10px;
}

Cordialement,

Merci de votre aide.

Configuration: Windows XP
Firefox 3.5.5

Afficher la suite

5 réponses

Réponse 1 / 5
notobe Messages postés 2222 Statut Membre 213
Essaye ça pour voir :
```
#principal img{
margin: 0 5px 0 5px;
}
#principal p {
text-align:center;
}
```
0
Réponse 2 / 5
tipi75 Messages postés 723 Statut Membre 27

Bonjour,

Ta solution ne marche pas notobe.

Merci pour votre aide
0
Réponse 3 / 5
notobe Messages postés 2222 Statut Membre 213

En fait, avec ton code initial, ça devait déjà marcher...
Donc, le problème est ailleurs.

La largeur de tes images + marges ne dépassent pas 1024px par hasard ?
0
Réponse 4 / 5
tipi75 Messages postés 723 Statut Membre 27

Non, mes images font chacune 188px.

Merci de ton aide.
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 5
tipi75 Messages postés 723 Statut Membre 27

J'ai trouvé, j'ai mis float: left.

Merci de ton aide
0

Aligner 2 images dans une div

5 réponses

Discussions similaires

Newsletters