Mettre 3 images dans une div avec %
Résolu/Fermé
steve-elipz
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018
-
20 sept. 2014 à 01:37
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018 - 20 sept. 2014 à 04:13
steve-elipz Messages postés 148 Date d'inscription mercredi 4 avril 2012 Statut Membre Dernière intervention 7 avril 2018 - 20 sept. 2014 à 04:13
A voir également:
- Mettre 3 images dans une div avec %
- Picasa 3 - Télécharger - Albums photo
- Des images - Guide
- Couper une image en 3 instagram - Guide
- Photorecit 3 - Télécharger - Visionnage & Diaporama
- Ai suite 3 download - Télécharger - Optimisation
4 réponses
Nai
Messages postés
707
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
11 octobre 2024
55
Modifié par Nai le 20/09/2014 à 01:53
Modifié par Nai le 20/09/2014 à 01:53
Pourquoi tu as deux ID du même nom ?
Convient très bien, non ?
Ensuite, je crois qu'entre chaque image tu devrais utiliser :
Qui permet, si mes souvenirs sont bons, de revenir à la ligne.
Bien à vous,
Naï
ps: je surveille tous mes sujets non résolus, si solution vous avez, je la lirais à coup sûr :)
#secondaire { color: #BECD32; background: #62584F; font-family: Gabriola; font-size: 25px; float: right; width: 18%; height: 80%; padding-top: 2%; padding-bottom: 1%; }
Convient très bien, non ?
Ensuite, je crois qu'entre chaque image tu devrais utiliser :
float: both;
Qui permet, si mes souvenirs sont bons, de revenir à la ligne.
Bien à vous,
Naï
ps: je surveille tous mes sujets non résolus, si solution vous avez, je la lirais à coup sûr :)
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
20 sept. 2014 à 02:09
20 sept. 2014 à 02:09
salut
mets les img dans un <p>
<div id="secondaire">
<p><img src="image1.jpg" /></p>
<p><img src="image2.jpg" /></p>
<p><img src="image3.jpg" /></p>
</div>
et le css
#secondaire p {
text-align:center;
}
#secondaire img {
width:50%;
}
ton float s'applique à #secondaire et pas du tout aux images .... donc il est peut être inutile.
mets les img dans un <p>
<div id="secondaire">
<p><img src="image1.jpg" /></p>
<p><img src="image2.jpg" /></p>
<p><img src="image3.jpg" /></p>
</div>
et le css
#secondaire p {
text-align:center;
}
#secondaire img {
width:50%;
}
ton float s'applique à #secondaire et pas du tout aux images .... donc il est peut être inutile.
steve-elipz
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018
20 sept. 2014 à 03:52
20 sept. 2014 à 03:52
j ai appliqué la solution de animostab, a un detail pret c'est exactement ce que je voulais :)
comme ma colonne "secondaire" s'adapte a l'ecran, les images meme si elles aussi sont en % finissent par sortir de la colonne, comment peut on resoudre ce dernier soucis?
merci en revanche pour la solution secondaire img...
comme ma colonne "secondaire" s'adapte a l'ecran, les images meme si elles aussi sont en % finissent par sortir de la colonne, comment peut on resoudre ce dernier soucis?
merci en revanche pour la solution secondaire img...
steve-elipz
Messages postés
148
Date d'inscription
mercredi 4 avril 2012
Statut
Membre
Dernière intervention
7 avril 2018
20 sept. 2014 à 04:13
20 sept. 2014 à 04:13
j ai trouvé... min-height...
merci a vous
merci a vous