28220 sujets

CSS et mise en forme, CSS3

[Résolu] Padding et border sur une image

Bonjour,

J'essaye en vain d'entourer mes images d'une bordure sachant que j'aimerais espacer la bordure de mon image de quelques pixels.

J'ai donc défini pour mon image une bordure et un padding. Sous Firefox, no problemo. Mais sous IE, le padding est ignoré ?

Et je ne parviens pas à comprendre comment le site de alsa fait, car toutes ses images sont entourées d'une bordure exactement comme je le souhaite... Et ça marche sous IE !
Modifié par Piloutje (24 Sep 2005 - 10:59)
Bonjour,

Tu as fait des essais déjà ?

Personnellement j'utilise sur plusieurs sites un code du genre:

img{
padding:4px;
background:#fff;
border:solid 1px #000;
}


Sans problèmes avec IE (http://www.pcf-bourges.org/Bourges-se-vide.html à vérifier avec IE).
Pourquoi sur ton site ça marche ? Et pas chez moi ?

Voilà ce que j'essaye :

<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-BE" lang="fr-BE">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  <title>Page de test</title>
</head>

<style>
img {
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
}
</style>

<body>
  <p><img src="ssnoopy.jpg" alt="" /></p>
</body>

</html>
Bonjour,

IE 6.0 Windows a deux modes de rendu, strict et quirks.

Un bug fait que la présence du prologue XML (inutile dans ton cas) le fait basculer en mode de rendu Quirks.

Dans ce mode, il applique le modèle de boîte Microsoft et non le modèle de boîte CSS2.

Dans le modèle de boîte Miscrosoft, un élément <img> ne peut pas avoir de padding visible.

Supprime le prologue XML (Cela ne changera cependant rien au résultat pour IE 5.x Windows. Uniquement pour IE 6.0)
Modifié par Laurent Denis (24 Sep 2005 - 09:57)
Sujet clos
Aller à