3 images qui restent horizontales, dont une centrée
Fermé
gnugo
-
11 févr. 2013 à 13:13
Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 - 11 févr. 2013 à 13:48
Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 - 11 févr. 2013 à 13:48
A voir également:
- 3 images qui restent horizontales, dont une centrée
- Picasa 3 - Télécharger - Albums photo
- Des images - Guide
- Photorecit 3 - Télécharger - Visionnage & Diaporama
- Couper une image en 3 instagram - Guide
- Ai suite 3 download - Télécharger - Optimisation
3 réponses
<img src="image1.png" style="position:absolute; left:0;">
<img src="image2.png" style="position:absolute; right:0;">
<img src="image3.png" style="position:absolute; right:50%;">
?
<img src="image2.png" style="position:absolute; right:0;">
<img src="image3.png" style="position:absolute; right:50%;">
?
a ce moment là
faites 3 div en float;left; et un width de XX px
à l'intérieur vous mettez vos images
pour la 1ere faites un text-align:left; celle du milieu text-align:center; et celle de droite text-align:right;
faites 3 div en float;left; et un width de XX px
à l'intérieur vous mettez vos images
pour la 1ere faites un text-align:left; celle du milieu text-align:center; et celle de droite text-align:right;
Exileur
Messages postés
1475
Date d'inscription
mercredi 31 août 2011
Statut
Membre
Dernière intervention
16 décembre 2022
150
11 févr. 2013 à 13:48
11 févr. 2013 à 13:48
Salut,
Moi j'ai fais comme ça, pas sur que ça soit optimal, mais ça fonctionne...
Html :
<div id="imgs">
<div id="img1"><center>Image1</center></div>
<div id="img3"><center>Image3</center></div>
<center><p>Image2</p></center>
</div>
Css:
div#imgs {
width:100%;
background-color:#88CC55;
}
div#img1 {
float:left;
width:33%;
background-color:#00CCFF;
}
div#img3 {
float:right;
width:33%;
background-color:#33FF99;
}
Moi j'ai fais comme ça, pas sur que ça soit optimal, mais ça fonctionne...
Html :
<div id="imgs">
<div id="img1"><center>Image1</center></div>
<div id="img3"><center>Image3</center></div>
<center><p>Image2</p></center>
</div>
Css:
div#imgs {
width:100%;
background-color:#88CC55;
}
div#img1 {
float:left;
width:33%;
background-color:#00CCFF;
}
div#img3 {
float:right;
width:33%;
background-color:#33FF99;
}
11 févr. 2013 à 13:44
Mais en procédant ainsi, l'image du milieu n'est pas centrée sur l'écran, et surtout si on réduit la fenêtre elles se chevauchent les unes sur les autres.
Sur ce forum par exemple si on réduit la fenêtre du navigateur, le menu reste intact, "accueil' n'entre pas en collision avec "forum" et une barre de défilement horizontale apparait à la place pour voir le reste du menu tronqué
C'est ce comportement que je cherche, tout en ayant mon image du milieu centrée au milieu