Comment retirer les marges d'une photo

**solorac** · 16/01/2009, 11h22

Bonjour la Communauté,

J'avais effectuer l'opération avec succès il y a 3 ou 4 ans mais impossible de me souvenir de la manip.

J'ai une simple photo sur une page html (cette page sera redimmensionner à la taille d'une pop-up), mais je voudrai qu'il n'y ait aucune marge aucune.
Hors, avec le code suivant je l'ai comment faire pour la retirer ?

Voiçi le code html (très simple)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<body>
<div class="photo"><img src="plateforme1.jpg" width="730" height="487" alt="Vue 1 sur l'entrepot" /></div>
</body>

Et la Css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.photo{margin:0; padding:0;}

Merci pour votre aide

**HiRoN** · 16/01/2009, 11h47

Salut,

En faisant ceci, tu retires les marges du div englobant l'image seulement.
Appliques la class directement sur l'image ou spécifie une hauteur à ton div

**solorac** · 16/01/2009, 12h04

cela ne fonctionne pas j'ai toujours une marge identique en haut et a gauche.
Je vais essayé de retrouvé une méthode que j'avais réalisé il y a quelques temps.

**HiRoN** · 16/01/2009, 12h40

Envoyé par solorac

cela ne fonctionne pas j'ai toujours une marge identique en haut et a gauche.

En haut et à gauche ?

Ne serais-tu pas victime de l'héritage d'une propriété CSS appliqué ailleurs ?
Testé sous quel(s) navigateur(s) ?

**solorac** · 16/01/2009, 14h17

Non car je n'ai aucun autre code dans ma css.

**c_s_s** · 16/01/2009, 14h18

Une idée toute bête : tu es sûr que les marges ne sont pas dans ton image ?

Sinon, tu es sûr que ce sont les marges autour de l'image que tu vois, ce ne serait pas les marges naturelles du body ?

Ca change quelque chose si tu mets dans la feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part