Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Compatibilité

0 views
Skip to first unread message

Yop

unread,
Sep 30, 2010, 5:26:49 AM9/30/10
to
Bonjour,
Le style
.thumbnail{padding:1px;border:1px dashed gray;width:200px;height:200px;}
et
<a class="thumbnail" href="#">
<img src="" width="200px" height="200px" border="0"/>
</a>
fonctionne dans IE mais pas dans FF
(Le but est aussi d'aligner les images horizontalement)
Si quelqu'un a une idée, je suis fortement preneur
Merci
Y


SAM

unread,
Sep 30, 2010, 8:36:59 AM9/30/10
to
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

Yop

unread,
Sep 30, 2010, 8:45:08 AM9/30/10
to
> .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


0 new messages