Bonjour,
J'ai un problème de compatibilité avec Internet explorer.
Je suis en train de créer un site dans lequel je veux créer des liens entre des photos. Lorsque j'ouvre ma page créée avec Firefox il n'y a pas de problème. Or, avec Internet explorer les images sont décalées.
J'ai repris ma page en mettant les images à leur place et il n'y a pas de problème. Mais dès que je mets un lien entre elles il y a un décalage qui se crée et les images sont entourées d'un cadre bleu. Ce qui n'est pas le cas avec Firefox.
Est-il possible d'insérer un code particulier dans le HTML ?
Merci
Ci-joint les captures d'écran sous firefox et internet explorer
Et voici les codes de mes deux blocs d'images
CSS
Modifié par 6l20 (17 May 2012 - 16:59)
J'ai un problème de compatibilité avec Internet explorer.
Je suis en train de créer un site dans lequel je veux créer des liens entre des photos. Lorsque j'ouvre ma page créée avec Firefox il n'y a pas de problème. Or, avec Internet explorer les images sont décalées.
J'ai repris ma page en mettant les images à leur place et il n'y a pas de problème. Mais dès que je mets un lien entre elles il y a un décalage qui se crée et les images sont entourées d'un cadre bleu. Ce qui n'est pas le cas avec Firefox.
Est-il possible d'insérer un code particulier dans le HTML ?
Merci
Ci-joint les captures d'écran sous firefox et internet explorer
Et voici les codes de mes deux blocs d'images
HTML
<div id="corps6A">
<div align="center">
<a href="information_portfolio2.html"><img src="images/portfolio2.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio3.html"><img src="images/portfolio3.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio4.html"><img src="images/portfolio4.jpg" width="123" height="80" vspace="8" /></a>
<a href="information_portfolio5.html"><img src="images/portfolio5.jpg" width="123" height="80" vspace="8" /></a>
</div>
</div>
<div id="corps6B">
<div align="center"><img src="images/portfolio1.jpg" width="570" height="370" vspace="8" /></div>
</div>
CSS
#container #corps6 #corps6A{
width: 150px;
background-color: #FFFFFF;
color: #666666;
float: left;
padding: 5px;
margin: 5px;
}
#container #corps6 #corps6B{
width: 570px;
background-color: #FFFFFF;
color: #666666;
float: left;
margin: 5px;
padding: 5px;
}
Modifié par 6l20 (17 May 2012 - 16:59)