Compatibilité..suite

Le
Yop
Bonjour,
Encore une étrangeté
Style : .thumbnail img {padding:5px;border:1px dashed gray;}
<p class="thumbnail" alignÎnter>
<a href="#" ><img src="" border="0"/></a>
</p>

FF produit bien l'image encadrée avec sa marge intérieure
IE omet la marge intérieure

Toute idée est très bienvenue

Si un site recense toutes ces bizareries, encore mieux.

Merci

Y
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
SAM
Le #22630371
Le 30/09/10 16:28, Yop a écrit :
Bonjour,
Encore une étrangeté
Style : .thumbnail img {padding:5px;border:1px dashed gray;}
<p class="thumbnail" alignÎnter>
<a href="#"><img src="" border="0"/></a>
</p>

FF produit bien l'image encadrée avec sa marge intérieure



commet ça se fait ?
je ne vois aucune "marge" dans ces css !

IE omet la marge intérieure

Toute idée est très bienvenue



J'ai pô IE ...

Si un site recense toutes ces bizareries, encore mieux.



ménage donc alors la place ?

.thumbnail { text-align: center; padding: 3px }
.thumbnail a { margin: 3px;}
.thumbnail img { vertical-align: middle; padding: 2px;
border: 1px dashed gray; }



ha! aussi, "inline-block" ! (sans doute mieux)

.thumbnail { text-align: center; }
.thumbnail a {
display: inline-block;
/* margin: 3px; (facultatif) */
border: 1px dashed gray;
padding: 2px;
}
.thumbnail img { vertical-align: middle; border: 0 }


<p class="thumbnail">
<p>


--
Stéphane Moriaux avec/with iMac-intel
Bobe
Le #22630441
SAM nous a dit le 30/09/2010 17:38:
Le 30/09/10 16:28, Yop a écrit :
Bonjour,
Encore une étrangeté
Style : .thumbnail img {padding:5px;border:1px dashed gray;}
<p class="thumbnail" alignÎnter>
<a href="#"><img src="" border="0"/></a>
</p>

FF produit bien l'image encadrée avec sa marge intérieure



commet ça se fait ?
je ne vois aucune "marge" dans ces css !




marge intérieure = padding

--
Aurélien Maille
SAM
Le #22630431
Le 30/09/10 17:49, Bobe a écrit :
SAM nous a dit le 30/09/2010 17:38:
Le 30/09/10 16:28, Yop a écrit :
Bonjour,
Encore une étrangeté
Style : .thumbnail img {padding:5px;border:1px dashed gray;}
<p class="thumbnail" alignÎnter>
<a href="#"><img src="" border="0"/></a>
</p>

FF produit bien l'image encadrée avec sa marge intérieure



commet ça se fait ?
je ne vois aucune "marge" dans ces css !



marge intérieure = padding



padding = remplissage

--
Stéphane Moriaux avec/with iMac-intel
Yop
Le #22630551
J'ai pô IE ...


Bravo mais quelques égarés l'ont encore...

margin: 3px;
produit bien une marge extérieure

padding: 3px;
ne produit rien...(alors qu'on s'attend à une marge intérieure ou
remplissage)

sous IE bien sur
sous FF,Safari on en parle même pas, c'est bon.

Le msdn microsoft prétend pourtant "connaitre" padding de IE5 à IE9

Comprend pas tout....
SAM
Le #22630681
Le 30/09/10 18:33, Yop a écrit :
J'ai pô IE ...


Bravo mais quelques égarés l'ont encore...

margin: 3px;
produit bien une marge extérieure

padding: 3px;
ne produit rien...(alors qu'on s'attend à une marge intérieure ou
remplissage)

sous IE bien sur
sous FF,Safari on en parle même pas, c'est bon.

Le msdn microsoft prétend pourtant "connaitre" padding de IE5 à IE9

Comprend pas tout....



pour IE il y a 1 truc important et c'est le layout
voir chez msdn M$ ce qu'ils en disent

sinon pour la p'tite histoire :
- A n'est pas un block c'est du inline
- IMG est spéciale, à la fois block et inline

--
Stéphane Moriaux avec/with iMac-intel
Publicité
Poster une réponse
Anonyme