Compatibilité

Le
Yop
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
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 #22629761
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">
</p>

CSS :

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

--
Stéphane Moriaux avec/with iMac-intel
Yop
Le #22629811
.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
Publicité
Poster une réponse
Anonyme