Image au milieu et centre d'une div
Résolu
Mateo
-
Mateo -
Mateo -
Bonjour,
j'essaie de mettre une image au milieu de ma balise div, elle se centre juste et mais ne se met pas au milieu. Si quelqu'un pourrait m'aider.
Voici mon code html :
<!-- ENTÊTE -->
<div id="entete" align="center">
<img src="../MS_Pictures/logo.png" width="322" height="112" align="absmiddle" class="img_div"/>
</div>
Et voici le CSS :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
vertical-align:middle;
}
.img_div
{
overflow:hidden;
margin: auto;
padding:0px;
vertical-align:middle;
}
j'essaie de mettre une image au milieu de ma balise div, elle se centre juste et mais ne se met pas au milieu. Si quelqu'un pourrait m'aider.
Voici mon code html :
<!-- ENTÊTE -->
<div id="entete" align="center">
<img src="../MS_Pictures/logo.png" width="322" height="112" align="absmiddle" class="img_div"/>
</div>
Et voici le CSS :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
vertical-align:middle;
}
.img_div
{
overflow:hidden;
margin: auto;
padding:0px;
vertical-align:middle;
}
A voir également:
- Image au milieu et centre d'une div
- Image iso - Guide
- Légender une image - Guide
- Centre de messagerie - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
2 réponses
J'ai trouvé... j'ai mis ceci dans mon CSS, au niveau de l'entête :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
display:table-cell;
vertical-align:middle;
}
Seulement, mes marges ne sont plus prises en compte... pourquoi SVP ??
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
display:table-cell;
vertical-align:middle;
}
Seulement, mes marges ne sont plus prises en compte... pourquoi SVP ??