Bonjour, soir : )
Je suis confronté à un petit problème :
Je liste une bdd, je souhaite afficher une image miniature centrée horizontalement et verticalement dans un conteneur.
Une exemple de code qui ne fonctionne pas :
(ceci n'est qu'un test)
J'ai essayé:
vertical-align: middle; couplé à
display: table-cell;
mais également
line-height: 80px;
sans atteindre le résultat escompté. Si une bonne âme passe par ici et se sent de me filer un coup de pied !
Quoi qu'il en soit merci et bonne année à tous.
Modifié le 07 Jan 2005 - 13:07
Je suis confronté à un petit problème :
Je liste une bdd, je souhaite afficher une image miniature centrée horizontalement et verticalement dans un conteneur.
Une exemple de code qui ne fonctionne pas :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>maquette web type</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" type="img/x-icon" href="favicon.ico" />
<style type="text/css" media="all">
div#conteneur {
background: yellow;
height: 120px;
text-align: center ;
width: 300px;
}
</style>
<body>
<div id="conteneur">
<img src="../xxxxxx/xxxx/img/mini/28.jpg">
</div>
</body>
(ceci n'est qu'un test)
J'ai essayé:
vertical-align: middle; couplé à
display: table-cell;
mais également
line-height: 80px;
sans atteindre le résultat escompté. Si une bonne âme passe par ici et se sent de me filer un coup de pied !
Quoi qu'il en soit merci et bonne année à tous.
Modifié le 07 Jan 2005 - 13:07