[deb]Centre une image

Eléphant du PHP | 72 Messages

28 oct. 2005, 12:34

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

Code : Tout sélectionner

<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

Mammouth du PHP | 19672 Messages

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>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 72 Messages

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

Eléphant du PHP | 72 Messages

28 oct. 2005, 13:18

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

merci

marc_3