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
- Légender une image - Guide
- Image iso - Guide
- Centre de messagerie - Guide
- Reduire taille image - Guide
- Transformer une image en icone - 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 ??