Centrer une image dans un div
Résolu
kaelhula
Messages postés
48
Date d'inscription
Statut
Membre
Dernière intervention
-
HelloWorld -
HelloWorld -
Bonjour,
suite à une question sans succès, j'en tente une autre. j'en ai encore plein de toutes façons :p
donc, j'ai un div et une image dedans. et je n'arrive pas à la centrer verticalement !
vertical-align autant que je veux, ça ne marche pas, margin:auto sur l'image non plus, ...
après plein de tests différents,je ne trouve toujours pas ce qui bloque. aidez-moi !!!
le css de mon div :
.news {
height:275px;
margin-right: 20px;
margin-left:320px;
margin-bottom:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
letter-spacing:normal;
text-align:center;
}
suite à une question sans succès, j'en tente une autre. j'en ai encore plein de toutes façons :p
donc, j'ai un div et une image dedans. et je n'arrive pas à la centrer verticalement !
vertical-align autant que je veux, ça ne marche pas, margin:auto sur l'image non plus, ...
après plein de tests différents,je ne trouve toujours pas ce qui bloque. aidez-moi !!!
le css de mon div :
.news {
height:275px;
margin-right: 20px;
margin-left:320px;
margin-bottom:20px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
letter-spacing:normal;
text-align:center;
}
A voir également:
- Div align center image
- Etd control center - Forum Windows 8 / 8.1
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Control center 4 - Télécharger - Divers Utilitaires
- Image iso - Guide
- ETD Control Helper dans System32 - Dois-je le supprimer ? - Forum Virus
11 réponses
Salut à toutes et tous :)
Pour centrer l'élément :
1 - verticalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
display: table-cell;
vertical-align: middle;
}
2 - horizontalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
}
3 - horizontalement et verticalement (au centre):
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
display: table-cell;
vertical-align: middle;
}
Pour centrer l'élément :
1 - verticalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
display: table-cell;
vertical-align: middle;
}
2 - horizontalement seulement :
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
}
3 - horizontalement et verticalement (au centre):
div{
width: 150px;
height: 150px;
background-color: #aaa;
text-align: center;
display: table-cell;
vertical-align: middle;
}