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
Bonjour,

j ai une feuille de style avec une partie (secondaire) bandeau vertical

j aimerai mettre 3 photos les une en dessous des autres et centrées... et qui ne sortent pas du bandeau vu qu'il est en %

merci d avance

html

<div id="secondaire"></div>

css

#secondaire {
color: #BECD32;
background: #62584F;
font-family: Gabriola;
font-size: 25px;
}

------------------------------------

#secondaire {
float: right;
width: 18%;
height: 80%;
padding-top: 2%;
padding-bottom: 1%;
}

4 réponses

Nai Messages postés 711 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 25 août 2023 54
Modifié par Nai le 20/09/2014 à 01:53
Pourquoi tu as deux ID du même nom ?

#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 :)
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
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.
0
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
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...
0
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
j ai trouvé... min-height...


merci a vous
0