5568 sujets

Sémantique web et HTML

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

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;
}

upload/44743-Internetex.JPG
Modifié par 6l20 (17 May 2012 - 16:59)
Bonjour,
Dans ton css, essaye d'enlever le cadre autour des images dans des liens grâce à
a img {
    border : none;
}

Modifié par Gothor (17 May 2012 - 14:52)