Mise en page
Fermé
SeebyJules
-
27 mars 2014 à 15:57
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 31 mars 2014 à 19:21
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 31 mars 2014 à 19:21
A voir également:
- Mise en page
- Supprimer une page word - Guide
- Mise en forme conditionnelle excel - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Mise a jour windows 10 - Accueil - Mise à jour
- Mettre google en page d'accueil - Guide
1 réponse
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 27/03/2014 à 16:51
Modifié par animostab le 27/03/2014 à 16:51
Salut
ne mets pas d'id a tes images
pour mettre en forme tes images
.conteneurgrand img {
margin : .........;
}
pas de display inline ou de float car img est déja un élément inline.
la largeur des images + margin (gauche et droite) doit etre inférieur au width de .conteneurgrand
par exemple tu peux faire
.conteneurgrand img {
margin : 100px 5% 0 5%;
width : 40%;
border:0;
}
.conteneurgrand p {
text-align:center;
margin: 20px 5%;
}
<div class="conteneurgrand">
<img src="image1" /><img src="image2" />
<p>la description<p>
</div>
et aucun width ou style dans le html pour <img src
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
ne mets pas d'id a tes images
pour mettre en forme tes images
.conteneurgrand img {
margin : .........;
}
pas de display inline ou de float car img est déja un élément inline.
la largeur des images + margin (gauche et droite) doit etre inférieur au width de .conteneurgrand
par exemple tu peux faire
.conteneurgrand img {
margin : 100px 5% 0 5%;
width : 40%;
border:0;
}
.conteneurgrand p {
text-align:center;
margin: 20px 5%;
}
<div class="conteneurgrand">
<img src="image1" /><img src="image2" />
<p>la description<p>
</div>
et aucun width ou style dans le html pour <img src
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
27 mars 2014 à 16:51
Je vais essayer ça de suite.
31 mars 2014 à 09:46
Mais si je voudrais par exemple faire descendre la première image c'est-à-dire qu'elle ait une marge supérieure plus importante comment est-ce que je peux faire ? Sans que les autres images aient cette marge là ?
Est-ce que l'on peut faire par exemple :
.conteneurgrand img1 {
margin : 150px 5% 0 5%;
width : 40%;
border:0;
}
Modifié par animostab le 31/03/2014 à 19:22
exemple
<img id="imgA" src="image1" /><img id="imgB" src="image2" />
tu vires
.conteneurgrand img {
margin : 150px 5% 0 5%;
width : 40%;
border:0;
}
à la place tu mets
#imgA {
margin : 100px 5% 0 5%;
width : 40%;
border:0;
}
#imgB {
margin : 150px 5% 0 5%;
width : 40%;
border:0;
}
(en gras la marge top qui a changé)