WRInaute impliqué
Salut
je suis en train d'essayer de mettre mon site en CSS
Je suis bloqué sur un petit problème.
Voila mon code d'origine:
Avec ce code, j'ai ma vignette centrée au milieu d'un cadre (_cadreImage.gif)
car cadre.gif est 3px plus grand de tous les cotés par rapport à vignette.jpg
Mon problème, c'est que je n'arrive pas à avoir le même résultat avec les CSS
Pour le moment, mon code c'est:
mais c'est moche !
Comment je peux centrer(hauteur & largeur) une image au milieu d'un div ?
je suis en train d'essayer de mettre mon site en CSS
Je suis bloqué sur un petit problème.
Voila mon code d'origine:
Code:
<table cellpadding="3px" background="cadre.gif">
<tr><td>
<a href="url">
<img src="vignette.jpg">
</a>
</td></tr>
</table>
car cadre.gif est 3px plus grand de tous les cotés par rapport à vignette.jpg
Mon problème, c'est que je n'arrive pas à avoir le même résultat avec les CSS
Pour le moment, mon code c'est:
Code:
<style>
.cadreVignette{
width:156px;
height:119px;
background-image:url('cadre.gif');
padding:3px;
}
</style>
[...]
<div class="cadreVignette">
<a href="url">
<img src="vignette.jpg">
</a>
</div>
Comment je peux centrer(hauteur & largeur) une image au milieu d'un div ?