[deb]Centre une image

28 oct. 2005, 12:34

Bonjour,
J'essaie de resoudre un probleme de mise en page avec le code suivant.

<body >

<table>
<tr>
<td></td>
<td><div id="fond_photo"> <img src="Albizia.BMP" alt="Portrait en pied" width="400" height="400" align="center"></div></td>
<td></td>
</tr>
</table>

</body >

J'ai fait le tableau pour force l'image a se positionne au millieu de l'ecran mais cela ne marche pas. Comment est-ce que je devrais faire pour obtenir une image toujours centree en x et en y?

Autre point j'ai fais le <div id="fond_photo"> pour avoir un petit cadre de 2 px autour de la photo. Est-ce que cela est la bonne maniere de faire?

[/code]
D'avance merci

marc_3

28 oct. 2005, 13:00

Pour un centrage horizontal, utilise un style CSS au lieu d'un tableau HTML. Malheureusement, pour le centrage vertical, IE n'interprête pas coerrectement les standards et on le peut pas utiiser ce système:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Centrage horizontal d'un bloc</title>
<style type="text/css">
#fond_photo {
    position: relative;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    height: 400px;
    color: #000;
    background-color: #99f;
    border: 1px solid #f00;
}
</style>
</head>
<body>
<div id="fond_photo"><p>Bla bla bla</p></div>
</body>
</html>

28 oct. 2005, 13:03

Oui evidement je comprend le manque d'enthousiasme.
Depuis j'ai trouve ceci qui me parait aussi bien plus joli mais j'ai toujours un probleme avec le petit cadre autour de mon image.

Le padding qui est decris ici ne produit pas d'effet.
Comment faire?

Code : Tout sélectionner

body {background-image: 
url('Albizia.BMP');
background-repeat: 
no-repeat;
background-position: 
 center; 
padding: 2 px
}

D'avance merci

marc_3

28 oct. 2005, 13:18

A oui c'est extra comme cela ca marche tres bien

merci

marc_3

[deb]Centre une image

Qui est en ligne