Dreamweaver : problème d'affichage d'une image contenant un lien
sprig
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
sprig Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
sprig Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de créer un site sous Dreamweaver Cs6 et voici mon problème. Je souhaite intégrer un lien à une photo, lien qui doit me renvoyer à une 2e page dans laquelle se trouve également une photo contenant un lien. Voici le code généré pour la page 1:
<body>
<div class="global">
<div id="header"></div>
<div id="reste"><a href="/page.html"><img src="/images/fleur.jpg" alt="" width="1000" height="500" /></a></div>
</div>
</body>
J'ai bien vérifié que le nom de mon image soit correcte. Jusqu'à là tout va bien et l'affichage dans le navigateur fonctionne correctement.
J'ai suivi le même principe pour créer une deuxième page contenant une autre image et un lien dans cette image. L'affichage dans le navigateur fonctionne également correctement pour cette page 2.
Mon problème est le suivant: lorsque je lance un aperçu dans le navigateur dans la page 1 et que je clique pour arriver sur la page 2, la page 2 ne s'affiche pas correctement. L'ensemble des propriété CSS sont présentes mais l'image ne s'affiche pas.
Autres petites précisions qui pourront peut-être être utiles :
- j'ai externalisé ma feuille de style. Mes deux pages ayant les mêmes propriétés, je leurs ai rattaché la même feuille de style,
- je n'ai pas renseigné d'information dans l'onglet serveur de "gérer les sites" et je n'ai pas non plus indiqué d'url dans paramètres avancés. (j'ai déjà essayé de renseigner ces champs mais ca ne change rien).
Est ce que quelqu'un a déjà rencontré ce problème ? Savez vous si cela vient juste du fait que le site ne soit pas relié à un serveur distant et que du coup les liens ne fonctionnent pas correctement?
Merci d'avance pour vos réponses,
Je suis en train de créer un site sous Dreamweaver Cs6 et voici mon problème. Je souhaite intégrer un lien à une photo, lien qui doit me renvoyer à une 2e page dans laquelle se trouve également une photo contenant un lien. Voici le code généré pour la page 1:
<body>
<div class="global">
<div id="header"></div>
<div id="reste"><a href="/page.html"><img src="/images/fleur.jpg" alt="" width="1000" height="500" /></a></div>
</div>
</body>
J'ai bien vérifié que le nom de mon image soit correcte. Jusqu'à là tout va bien et l'affichage dans le navigateur fonctionne correctement.
J'ai suivi le même principe pour créer une deuxième page contenant une autre image et un lien dans cette image. L'affichage dans le navigateur fonctionne également correctement pour cette page 2.
Mon problème est le suivant: lorsque je lance un aperçu dans le navigateur dans la page 1 et que je clique pour arriver sur la page 2, la page 2 ne s'affiche pas correctement. L'ensemble des propriété CSS sont présentes mais l'image ne s'affiche pas.
Autres petites précisions qui pourront peut-être être utiles :
- j'ai externalisé ma feuille de style. Mes deux pages ayant les mêmes propriétés, je leurs ai rattaché la même feuille de style,
- je n'ai pas renseigné d'information dans l'onglet serveur de "gérer les sites" et je n'ai pas non plus indiqué d'url dans paramètres avancés. (j'ai déjà essayé de renseigner ces champs mais ca ne change rien).
Est ce que quelqu'un a déjà rencontré ce problème ? Savez vous si cela vient juste du fait que le site ne soit pas relié à un serveur distant et que du coup les liens ne fonctionnent pas correctement?
Merci d'avance pour vos réponses,
A voir également:
- Dreamweaver : problème d'affichage d'une image contenant un lien
- Dreamweaver - Forum Gestion et lecture audio
- Telecharger dreamweaver ✓ - Forum Webmastering
- Ou telecharger gratuitement dreamweaver ? - Forum Logiciels
- Dreamweaver pdf - Forum Webmastering
- Dreamweaver linux - Forum Ubuntu
2 réponses
Salut,
le serveur ça sera pour faire marcher PHP et une base de données.
Pour HTML pas besoin de serveur (sauf le serveur web qui envoi les pages au navigateur).
Je vous conseille d'utiliser un autre logiciel ftp que Dreamweaver(filezila est gratuit) pour publier vos pages, le problème avec Dreamweaver sera que ça va ralentir le logiciel de tout le temps publier par ftp tandis qu'en travaillant en local vous ne publiez (via ftp comme filezila) que quand vous voulez faire une mise à jour, donc la version finale et pas les versions intermédiaires(les tests et les pages en cours de création).
Pour votre problème de lien essayez de remplacer ceci
<a href="/page.html"><img src="/images/fleur.jpg" alt="" width="1000" height="500" /></a>
par ceci:
<a href="page.html"><img src="images/fleur.jpg" alt="" width="1000" height="500" /></a>
J'ai enlevé dans la 2ème version le "/" dans l'adresse de l'image et du lien qui ne servent à rien et peuvent poser des soucis.
href="page.html" indique comme "référence hypertexte" la page "page.html" qui se trouve dans le même dossier* que la page qui contient le lien.
src="images/fleur.jpg" indique comme "source d'image une l'image nommé fleur.jpg qui se trouve dans le dossier "images" celui ci étant dans le même dossier* que la page qui affiche l'image.
* qui correspond au dossier racine, si vous avez une autre organisation de vos dossiers que celle décrite ici changez l'adresse(ou URL) de vos liens et images en fonction.
Savez vous si cela vient juste du fait que le site ne soit pas relié à un serveur distant et que du coup les liens ne fonctionnent pas correctement?
Pas du tout, le serveur sera utilisé pour fournir les fichiers par Internet, en local (pour tester vos pages) vous n'avez besoin que de le ouvrir avec votre navigateur.
Je vos conseille de tester régulièrement vos pages dans le(ou les) navigateurs, l'affichage dans Dreamweaver n'est pas toujours très fiable, en tout cas présente des différences avec les navigateurs(et les navigateurs entre eux selon leur respect des normes et standards du web ).
Une demi journée à lire et pratiquer un cours de HTML pourrait vous aider grandement. Dreamweaver sera toujours moins bien fait qu'une écriture manuelle de pages HTML+CSS, sa relative facilité d'utilisation est le seul intérêt mais dans le cadre d'un site professionnel il est pas recommandé d'avoir un HTML créée automatiquement par une machine et qui comporte des erreurs qu'un humain ne fera pas.
le serveur ça sera pour faire marcher PHP et une base de données.
Pour HTML pas besoin de serveur (sauf le serveur web qui envoi les pages au navigateur).
Je vous conseille d'utiliser un autre logiciel ftp que Dreamweaver(filezila est gratuit) pour publier vos pages, le problème avec Dreamweaver sera que ça va ralentir le logiciel de tout le temps publier par ftp tandis qu'en travaillant en local vous ne publiez (via ftp comme filezila) que quand vous voulez faire une mise à jour, donc la version finale et pas les versions intermédiaires(les tests et les pages en cours de création).
Pour votre problème de lien essayez de remplacer ceci
<a href="/page.html"><img src="/images/fleur.jpg" alt="" width="1000" height="500" /></a>
par ceci:
<a href="page.html"><img src="images/fleur.jpg" alt="" width="1000" height="500" /></a>
J'ai enlevé dans la 2ème version le "/" dans l'adresse de l'image et du lien qui ne servent à rien et peuvent poser des soucis.
href="page.html" indique comme "référence hypertexte" la page "page.html" qui se trouve dans le même dossier* que la page qui contient le lien.
src="images/fleur.jpg" indique comme "source d'image une l'image nommé fleur.jpg qui se trouve dans le dossier "images" celui ci étant dans le même dossier* que la page qui affiche l'image.
* qui correspond au dossier racine, si vous avez une autre organisation de vos dossiers que celle décrite ici changez l'adresse(ou URL) de vos liens et images en fonction.
Savez vous si cela vient juste du fait que le site ne soit pas relié à un serveur distant et que du coup les liens ne fonctionnent pas correctement?
Pas du tout, le serveur sera utilisé pour fournir les fichiers par Internet, en local (pour tester vos pages) vous n'avez besoin que de le ouvrir avec votre navigateur.
Je vos conseille de tester régulièrement vos pages dans le(ou les) navigateurs, l'affichage dans Dreamweaver n'est pas toujours très fiable, en tout cas présente des différences avec les navigateurs(et les navigateurs entre eux selon leur respect des normes et standards du web ).
Une demi journée à lire et pratiquer un cours de HTML pourrait vous aider grandement. Dreamweaver sera toujours moins bien fait qu'une écriture manuelle de pages HTML+CSS, sa relative facilité d'utilisation est le seul intérêt mais dans le cadre d'un site professionnel il est pas recommandé d'avoir un HTML créée automatiquement par une machine et qui comporte des erreurs qu'un humain ne fera pas.
Un grand merci pour ces précisions qui m'ont été particulièrement utiles. J'ai suivi votre conseil et ai supprimé le / de l'image et de mon lien dans la page 2 et tout fonctionne bien. Faut-il que je le fasse dans ma page 1 également ou uniquement dans la page 2? Pour éviter que je refasse l'erreur les prochaines fois pourriez-vous me dire si le / avant une référence d'image ou de lien est un "beug" généré par Dreamweaver ou s'agit-il de la bonne écriture?
Je sais (par expérience) que dream génère pas mal d'erreur d'écriture et le code n'est pas toujours propre, mais pour l'instant, j'arrive à lire et bien comprendre le html/css mais pas encore à l'écrire. Effectivement je gagnerai en efficacité de me former en html/css
Merci encore pour votre aide,