> Tous les forums > Forum des Webmasters
 Creer un lien vers une image, probleme sous IE !
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Dorian_Zeron
  Posté le 05/02/2010 @ 00:56 
Aller en bas de la page 
Nouvel astucien

Bonjour a tous,

Je suis nouveau venu sur le forum, je cree mon premier site web.

J'essaie de creer un lien vers un fichier .jpg ; je souhaite qu'en cliquant sur une image, le navigateur ouvre une nouvelle fenetre et affiche cette meme image sous un format different (en plus grand). Le script est tres simple, le voici :

<td><a href="../images/press/articles/shoes_up.jpg" target="_blank"><img src="../images/press/thumbs/shoes_up_thumb.jpg"></a></td>

J'ai fait un test et n'ai aucun probleme avec Chrome et Firefox. En revanche, sous IE la nouvelle fenetre ne s'ouvre pas. Il ne s'agit pas d'un probleme avec la configuration de mon IE puisque j'autorise les acces aux pop-ups et que la meme manip' marche sur d'autres sites.

Quelqu'un aurait une idee de solution?

Merci !

Publicité
Dreamer
 Posté le 05/02/2010 à 06:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bonjour

Peux-tu essayer avec un simple point dans ton adresse relative : ./images/press/article/imahe.jpg sinon mets ton adresse en absolu http://www.monsite.com/images/press/....

Sinon une autre solution , tu gardes tes liens en relatif avec ./images/presse/... et dans ton <head> tu écris

<base href="http://www.monsite.com/">

Toujours finir par un slash !!

A+

Dorian_Zeron
 Posté le 05/02/2010 à 14:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Merci pour ta suggestion, mais ca ne fonctionne pas.

Avec un seul point, meme Chrome et Firefox rechignent...

Je ne peux pas encore tester ta deuxieme solution dans la mesure ou mon site n'est pas encore en ligne. Il est juste heberge sur mon dur pour l'instant.

Par contre, j'ai fait un test avec G:/[......]/images/press/articles/shoes_up.jpg. Ca fonctionne sans probleme sous Chrome, mais IE n'en veut toujours pas.

Une autre idee ?

Merci.



Modifié par Dorian_Zeron le 05/02/2010 14:13
py_rex
 Posté le 05/02/2010 à 15:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour,

En reprenant votre ligne de code (mais sans la mettre dans un tableau, donc sans <td> et </td> et en utilisant, bien sûr, d'autres fichiers d'images) cela marche sans problèmes aussi bien sous Firefox que sous IE, Netscape et Chrome. Ce ne serait pas le tableau qui gène ou le chemin d'accès de l'image ?

griggione
 Posté le 05/02/2010 à 17:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonsoir Dorian_Zeron


py_rex a surement raison (même si on peut mettre une image dans un tableau), donne nous un peu plus de code pour voir.
C'est l'ensemble qui doit poser problème.

Dorian_Zeron
 Posté le 06/02/2010 à 18:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

J'ai essaye de sortir l'image du tableau, ca ne marche pas mieux...

Il doit sans doute y avoir une "interference" avec une autre ligne de code.

Voici le code de la page (avec la ligne probleematique en gras). Merci d'avance !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0027)http://www.zeron-shoes.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="../images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="zeron, chaussures, baskets, zéro carbone, compensation carbone, carbone, CO2, écolo, écologique, environnement, coton biologique, recyclage, hong kong" />
<meta name="description" content="Zeron - Chaussures zéro carbone contre le réchauffement climatique" />
<meta name="robots" content="noindex, nofollow" />
<meta name="rating" content="general" />
<meta name="copyright" content="2009, Zeron Ltd" />
<meta name="expires" content="never">
<meta name="distribution" content="global" />
<title>Zeron - Chaussures zéro carbone</title>
<style type="text/css">
<!--
body {
background-image: url(../images/Trame_small.jpg);
}
#wrapper #content table tr th {
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
-->
</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="../fr/css/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../fr/css/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #666;
}
a:active {
text-decoration: none;
color: #333;
}
-->
</style></head>

<body>
<div id="wrapper">
<div id="banner">
<table id="Table_01" width="1001" height="205" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6"><img src="../images/banner_en/images/banner_01.jpg" width="10" height="175" alt="" /></td>
<td rowspan="5"><a href="index.html"><img src="../images/banner_en/images/zeron_logo.jpg" width="263" height="111" alt="" /></a></td>
<td colspan="6"><img src="../images/banner_en/images/banner_03.jpg" width="727" height="5" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="5"><img src="../images/banner_en/images/banner_04.jpg" width="571" height="170" alt="" /></td>
<td><a href="../fr/index.html"><img src="../images/banner_en/images/francais.jpg" width="69" height="23" alt="" /></a></td>
<td rowspan="2"><img src="../images/banner_en/images/banner_06.jpg" width="6" height="28" alt="" /></td>
<td><a href="../en/index.html"><img src="../images/banner_en/images/english.jpg" width="69" height="23" alt="" /></a></td>
<td rowspan="6"><img src="../images/banner_en/images/banner_08.jpg" width="12" height="199" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="23" alt="" /></td>
</tr>
<tr>
<td><img src="../images/banner_en/images/banner_09.jpg" width="69" height="5" alt="" /></td>
<td><img src="../images/banner_en/images/banner_10.jpg" width="69" height="5" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="5" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="../images/banner_en/images/banner_11.jpg" width="144" height="38" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="38" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="../images/banner_en/images/banner_12.jpg" width="144" height="133" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="40" alt="" /></td>
</tr>
<tr>
<td><img src="../images/banner_en/images/banner_13.jpg" width="263" height="64" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="64" alt="" /></td>
</tr>
<tr>
<td colspan="3"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="zeron.html">Zeron</a> </li>
<li><a href="collection.html">Collection</a> </li>
<li><a href="environnement.html">Environnement</a> </li>
<li><a href="e_shop.html">E-Shop</a></li>
<li><a href="stores.html">Stores</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="presse.html">Presse</a></li>
<li><a href="contact.html">Contact</a></li>
</ul></td>
<td><img src="../images/banner_en/images/banner_15.jpg" width="89" height="29" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="1" height="29" alt="" /></td>
</tr>
<tr>
<td><img src="../images/banner_en/images/spacer.gif" width="10" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="263" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="482" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="89" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="69" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="6" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="69" height="1" alt="" /></td>
<td><img src="../images/banner_en/images/spacer.gif" width="12" height="1" alt="" /></td>
<td></td>
</tr>
</table>
</div>
<div id="top_divider"></div>
<div id="content">
<table width="1000" border="0" cellspacing="20">
<tr>
<th colspan="4" align="left" scope="col"><p><strong>Zeron est dans la presse.</strong> Check it out ! </p></th>
</tr>
<tr>
<td><a href="../images/press/articles/shoes_up.jpg" target="_blank"><img src="../images/press/thumbs/shoes_up_thumb.jpg"></a></td>
<td width="223">&nbsp;</td>
<td width="223">&nbsp;</td>
<td width="223">&nbsp;</td>
</tr>
</table>

</div>
<div id="bottom_divider"></div>
<div id="facebook">
<p>&nbsp;</p>
<p><img src="../images/facebook.jpg" alt="facebook" width="60" height="23" align="absmiddle" /><img src="../images/twitter_logo.jpg" alt="facebook" width="84" height="26" align="absmiddle" /></p>
<p>&nbsp;</p>
</div>
<div id="copyright">
<p>Copyright © 2009 Zeron Ltd. Tous droits réservés | <a href="legal.html">Mentions Légales</a></p>
<p>&nbsp;</p>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

griggione
 Posté le 06/02/2010 à 18:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
griggione a écrit :

donne nous un peu plus de code pour voir.

RE

heureusement qu'on demande pas beaucoup de code

<tr>
<td><a href="../images/press/articles/shoes_up.jpg" target="_blank"><img src="../images/press/thumbs/shoes_up_thumb.jpg"></a></td>
<td width="223">&nbsp;</td>
<td width="223">&nbsp;</td>
<td width="223">&nbsp;</td>
</tr>

Ma foi c'est propre, donc faut voir les chemins.
Comme l'a souligné Dreamer essaie avec les liens absolus, et vérifie bien le nom et surtout l'extension, JPG n'est pas jpg.

aaaaaaaaaaaaaaaa

griggione
 Posté le 06/02/2010 à 18:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Ouuupppssss tu utlises quoi comme doctype, parce que la balise de l'image regarde, espace et slash

< img src="../images/press/thumbs/shoes_up_thumb.jpg" />

Dorian_Zeron
 Posté le 06/02/2010 à 20:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Desole pour la page entiere de code. Ne sachant pas s'il pouvait s'agir d'un pb avec le contenu du head, j'ai prefere tout mettre...

Bien vu pour le /. Dreamweaver met un / en fin de ligne par defaut. Je l'avais retire par erreur mais le rajouter ne change rien...

Je ne peux toujours pas tester les liens absolus car mon site ne seras pas en ligne avant plusieurs mois.

J'ai essaye sans le target="_blank" mais IE refuse toujours d'ouvrir le lien. Ce n'est donc pas une question de pop up...

IE refuserait-il d'ouvrir un jpg ? (j'ai essaye avec differentes images, c'est toujours pareil)

J'ai toujours la solution de creer une page .html pour chaque image que j'ai besoin d'ouvrir, mais c'est un peu lourd et surtout frustrant car ca revient a contourner le probleme !

Dreamer
 Posté le 06/02/2010 à 20:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Question es-tu sûr de ton arborescence ??

Et pourquoi quand je fais le lien sur une des images de ton script , elle n'est pas là !!

Exemple : http://www.zeron-shoes.com/images/press/articles/shoes_up.jpg .........

ndmsp
 Posté le 06/02/2010 à 20:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

griggione a écrit :Comme l'a souligné Dreamer essaie avec les liens absolus, et vérifie bien le nom et surtout l'extension, JPG n'est pas jpg.

Je me souviens avoir eu le même problème, et la solution était là !!!

Dorian_Zeron
 Posté le 06/02/2010 à 22:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

@ Dreamer : l'arborescence est correcte puisque j'utilise le "Point to file" de dreaweaver. Et puisque ca marche sous Chrome...

@mdmsp : c'est bien un .jpg, pas JPG

Dreamer
 Posté le 06/02/2010 à 22:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Dorian_Zeron a écrit :

@ Dreamer : l'arborescence est correcte puisque j'utilise le "Point to file" de dreaweaver. Et puisque ca marche sous Chrome...

@mdmsp : c'est bien un .jpg, pas JPG

Tu fais trop confiance à ton "machin" et c'est pas parce que ça marche sous un navigateur que ça marche partout !!

L'adresse que j'ai mise pour ton image est-elle bonne ou pas ??

griggione
 Posté le 07/02/2010 à 08:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dorian_Zeron a écrit :

Je ne peux toujours pas tester les liens absolus car mon site ne seras pas en ligne avant plusieurs mois.

RE

Mais si, sauf que au lieu de http:// tu auras: file:///C:/Sites/images/........

C et Sites sont a changer par ta lettre et tes dossiers.

Je pense aussi comme Dreamer à un problème d'arborescence qui n'est pas respectée

griggione
 Posté le 07/02/2010 à 08:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dreamer a écrit :

Exemple : http://www.zeron-shoes.com/images/press/articles/shoes_up.jpg .........

RE

Tout simplement parce que: press/articles/shoes_up.jpg n'existe pas.
Il n'y a que 2 images dans le dossiers images, la bannière et le favicon et un fichier .DS_Store.

Dorian_Zeron
 Posté le 08/02/2010 à 16:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Bien sur que le l'adresse http://www.zeron-shoes.com/images/press/articles/shoes_up.jpg n'existe pas puisque je n'ai encore rien uploade ! Tout est encore sur mon dur....

Je suis persuade qu'il ne s'agit pas d'un probleme d'arborescence puisque si je met l'image dans une page .html, alors je n'ai plus aucun probleme, meme avec IE.

Je pense que je vais proceder comme ca. C'est un peu lour a mettre en oeuvre mais c'est plus propre visuellement.

Merci a tous deux pour votre aide.

griggione
 Posté le 08/02/2010 à 16:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
griggione a écrit :

Mais si, sauf que au lieu de http:// tu auras: file:///C:/Sites/images/........

C et Sites sont a changer par ta lettre et tes dossiers.

RE

heu tu as lu pour le chemin sur ton PC.
Et essaie au moins en mettant le chemin complet.

Publicité
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Lecteur/graveur de CD/DVD externe USB à 19,55 €
19,55 € 25 € -22% @Amazon
Jeu PC Star Wars Squadrons gratuit
0 € 39,99 € -100% @Epic Games
Ecran 27 pouces incurvé KTC H27S17 (QHD, 165 Hz, 1 ms, HDR10) à 219,76 € (+ mini enceinte Tronsmart Trip 10W étanche IPX7 offerte)
219,76 € 300 € -27% @Geekbuying
Norton 360 Deluxe (5 postes, 1 an) à 14,99 €
14,99 € 50 € -70% @Amazon
SSD Crucial BX500 2 To à 119,99 €
119,99 € 170 € -29% @Amazon
Casque Audio Logitech G332 à 19,99 €
19,99 € 41 € -51% @Amazon
Batterie portable Charmast 10000 mAh (USB C/ USB A/ 4 câbles intégrés) à 19,99 €
19,99 € 26,99 € -26% @Amazon
Lego Star Wars Diorama de la poursuite dans les tranchées de l’Étoile de la Mort (75329) à 46,99 €
46,99 € 69,99 € -33% @Amazon
Batterie externe OUKITEL P2001 Ultimate 2000Wh, 2000W, LifePOE4 à 1226,34 €
1226,34 € 2199 € -44% @Geekbuying
Couteau chef Tefal Ever Sharp Couteau + aiguiseur à 14,99 €
14,99 € 24,99 € -40% @Amazon

Sujets relatifs
créer lien vers vidéo
Créer un lien pour un sous dossier
lien = image vers image . comment ?
Lien à partir d'une image qui change sous curseur
créer un lien vers une page protéger
Créer un lien vers autre site sur autre page
J'ai un problème de survol d'image avec lien
Créer lien vers un téléchargement
creer un lien vers une application
commet créer un lien vers un mp3 ?
Plus de sujets relatifs à Creer un lien vers une image, probleme sous IE !
 > Tous les forums > Forum Forum des Webmasters