Mettre 3 images dans une div avec %
Résolu
steve-elipz
Messages postés
148
Date d'inscription
Statut
Membre
Dernière intervention
-
steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention -
steve-elipz Messages postés 148 Date d'inscription Statut Membre Dernière intervention -
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%;
}
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%;
}
A voir également:
- Mettre 3 images dans une div avec %
- Ai suite 3 - Télécharger - Optimisation
- Picasa 3 - Télécharger - Albums photo
- Des images - Guide
- Couper une image en 3 instagram - Guide
- Photorecit 3 - Télécharger - Visionnage & Diaporama
4 réponses
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 :)
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.
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...