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
Approche efficace.
En rajoutant border: 1px dashed gray;
j'ai ma bordure et les images restent alignées
Super
Merci