|
Posté le 05/02/2010 @ 00:56 |
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 !
|
|
|
|
|
|
Posté le 05/02/2010 à 06:29 |
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+ |
|
Posté le 05/02/2010 à 14:12 |
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 |
|
Posté le 05/02/2010 à 15:26 |
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 ? |
|
Posté le 05/02/2010 à 17:29 |
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.
|
|
Posté le 06/02/2010 à 18:11 |
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"> </td> <td width="223"> </td> <td width="223"> </td> </tr> </table>
</div> <div id="bottom_divider"></div> <div id="facebook"> <p> </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> </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> </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> |
|
Posté le 06/02/2010 à 18:22 |
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"> </td> <td width="223"> </td> <td width="223"> </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
|
|
Posté le 06/02/2010 à 18:25 |
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" /> |
|
Posté le 06/02/2010 à 20:13 |
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 ! |
|
Posté le 06/02/2010 à 20:34 |
Maître astucien | |
|
Posté le 06/02/2010 à 20:47 |
| 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à !!!
|
|
Posté le 06/02/2010 à 22:04 |
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 |
|
Posté le 06/02/2010 à 22:46 |
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 ?? |
|
Posté le 07/02/2010 à 08:05 |
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 |
|
Posté le 07/02/2010 à 08:11 |
Grand Maître astucien | |
|
Posté le 08/02/2010 à 16:14 |
Nouvel astucien
| |
|
Posté le 08/02/2010 à 16:59 |
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. |
|