Compatibilité

Le 30/09/10 11:26, Yop a écrit :

Bonjour,
Le style
.thumbnail{padding:1px;border:1px dashed gray;width:200px;height:200px;}

un A n'est pas un block, il ne peut être dimensionné !

.thumbnail{padding:1px;border:1px dashed gray;}
.thumbnail img { width:200px;height:200px; border: 0; }

et
<a class="thumbnail" href="#">
<img src="" width="200px" height="200px" border="0"/>
</a>
fonctionne dans IE

IE est bête !

mais pas dans FF

Je ne vois pas pourquoi ...

(Le but est aussi d'aligner les images horizontalement)

Et ben ! si elles sont toutes de même taille, il ne devrait pas il y
avoir de blème, non ?

Si quelqu'un a une idée, je suis fortement preneur

.thumbnail img { vertical-align: middle }

???



HTML :

<p class="thumbnail">
<a href="#"><img alt="" src="1.jpg"></a>
<a href="#"><img alt="" src="2.jpg"></a>
<a href="#"><img alt="" src="3.jpg"></a>
<a href="#"><img alt="" src="4.jpg"></a>
<a href="#"><img alt="" src="5.jpg"></a>
</p>

CSS :

.thumbnail img { vertical-align: middle; border: none; }
.thumbnail a { margin: 2px 7px }

--
Stéphane Moriaux avec/with iMac-intel

.thumbnail img { vertical-align: middle }

Approche efficace.
En rajoutant border: 1px dashed gray;
j'ai ma bordure et les images restent alignées
Super
Merci