> 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 !

Publicité
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.

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
85,11 €SSD Crucial P2 1 To (3D NAND, NVMe, PCIe, M.2, 2400 Mo/s) à 85,11 € livré
Valable jusqu'au 18 Octobre

Amazon Allemagne fait une promotion sur le SSD Crucial P2 1 To (3D NAND, NVMe, PCIe, M.2) qui passe à 80,57 € (avec la TVA ajustée). Comptez 4,54 € pour la livraison en France soit un total de 85,11 € livré. On le trouve ailleurs à partir de 110 €. Ce SSD offre des vitesses de lecture/écriture séquentielle allant jusqu’à 2 400/ 1 900 Mo/s. Il est garanti 5 ans.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre
- 10 €10 € de réduction à partir de 20 € d'achats chez Rakuten pour les nouveaux clients
Valable jusqu'au 03 Novembre

Rakuten propose pour les nouveaux clients une offre de parrainage vous permettant de bénéficier de 10 € de réduction immédiate à partir de 20 € d'achats. Rakuten est une plateforme qui vous permettra d'acheter aussi bien des produits informatiques et Hi-Tech que des livres, des disques ou des jeux vidéos d'occasion.


> Voir l'offre
123,38 €SSD externe NVMe Crucial X8 1 To à 123,38 €
Valable jusqu'au 18 Octobre

Amazon fait une promotion sur le SSD externe NVMe Crucial X8 1 To qui passe à 123,38 € alors qu'on le trouve ailleurs à partir de 150 €. Il offre des vitesses de lecture jusqu'à 1050 Mo/s et résiste aux chutes jusqu'à 2 mètres, aux chocs et aux températures extrêmes. Il est fourni avec des connecteurs USB C-3.2 et USB-A (USB classique).


> Voir l'offre

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