Image de fond ne s'affiche pas (Dreamweaver CS3)

[castor74]

Bonjour, nouveau sur ce forum, je vous soumets une énigme:

Sous Dreamweaver 8.0.2, j'ai il y a longtemps créé deux modèles sur lesquels je base toutes mes pages. Dans mes deux modèles, j'ai une image de fond (un petit carré gris de 6 pixels de côté) que j'insère en l'accompagnant de la fonction «repeat» afin que ce carré s'affiche sur toute ma page dans les deux sens.
Parfait. Donc, si je crée un nouveau document en me basant sur un modèle, j'ai bien ce fond comme prévu, dans un document «Sans titre». Normal.

Maintenant, si je prends Dreamweaver CS3, et si je crée un nouveau document en me basant sur un de ces modèles, l'image de fond ne s'affiche pas!!! Les paramètres de la page montrent le champ vide dans Image de fond... Curieux, non?
A noter que l'image du petit carré est enregistrée à la racine du site, mais si je la mets dans le dossier Templates, c'est pareil!

Une petite aide, s'il y a un spécialiste dans le coin...

Merci d'avance!

 

[Marie-Aude]

A vue de nez un problème de structure d'url... mais tu devrais utiliser le css (même avec Dreamweaver en mode Wysiwig on peut ^^)

 

[castor74]

Merci de la réponse!

Mais la structure d'url est la même sous DW 8 et sous DW CS3... Ce sont les mêmes fichiers...
Ça marche avec une version de logiciel mais pas avec l'autre!
De plus, les CSS et moi on n'est pas très copains, j'ai réussi à en créer pour la plupart des textes de mon site, mais comment faire pour créer une image de fond dans un modèle, en CSS? 8O

 

[castor74]

Bon. Ça fait deux heures que je cherche une parade. Je viens de modifier à la main le chemin de mon image de fond de ../Carre_fond.jpg en /Carre_fond.jpg.
Ça marche. 8O
Si on peut m'expliquer pourquoi, ce serait magique... :wink:
Pourquoi un lien absolu fonctionne maintenant alors qu'avant, sous DW 8, je n'avais qu'à mettre un lien relatif???

 

[Doubrovski]

Le principe d'une feuille css est simplement de séparer le code source de la page du code css (mise en page).
Tu dois premièrement appeler la feuille css sur ta page

<link rel=stylesheet href="style.css" type="text/css">

Puis appeler l'image de fond dans ta feuille css :

body {
background-color:white;
background-image:url(images/image_de_fond.png);
background-repeat:repeat;
}

ou

body {
background: white url(image_de_fond.png) repeat;
}

edit :

/ = racine du site (racine du système de fichiers qui est représentée par le slash initial : /)
./ = répertoire courant
../ = répertoire parent (remontée d'un niveau de l'arborescence)

Exemple :
Si votre feuille css est contenu dans un dossier css qui est à la racine du site et que la page est à la racine du site :

<link rel=stylesheet href="/css/style.css" type="text/css">

Site la page est dans un dossier et que la feuille css est à la racine du site :

<link rel=stylesheet href="/style.css" type="text/css">

Site la page et la feuille css sont toutes les deux à la racine du site :

<link rel=stylesheet href="style.css" type="text/css">

 

[castor74]

Merci! C'est exactement ce que je viens de faire, mais avant quand j'avais mis le lien relatif (../Carre_fond.jpg) ça marchait bien sous DW 8 mais PAS sous DW CS3.
Il aura fallu que je modifie mon code dans body pour mettre /Carre_fond.jpg pour que ça fonctionne. Etonnant... Ou alors entre les deux versions de Dreamweaver, il y a des modifications de gestion des liens?

 

[Doubrovski]

Si l'image est dans le même répertoire que la page, logiquement il n'y a même pas besoin de slash. Votre ancienne adresse d'image indique qu'il faut remonter d'un répertoire pour trouver l'image, le problème vient sûrement de là.
De manière générale, je vous déconseille de laisser dreamweaver gérer les liens ^^ (surtout quand il s'agit d'une "mise à jour" des liens suite à un déplacement de fichier)

Vous pouvez aussi utiliser des adresses absolues avec le nom de domaine.
http://www.site.com/images/image-de-fond.jpg
Mais ça ne marchera pas en local sur votre ordinateur.

 

[castor74]

Je comprends un peu mieux, merci!
Mais alors pourquoi, lorsque je clique sur le petit dossier dans la fenêtre d'édition des CSS dans Dreamweaver afin de lier une image à ma propriété background image le logiciel s'évertue à me mettre un lien style ../Carre_fond.jpg? Comme l'image en question est à la racine du site, je ne devrais pas avoir cette syntaxe... Un truc m'échappe, là...

 

[castor74]

Si l'image est dans le même répertoire que la page, logiquement il n'y a même pas besoin de slash.

Là, dans mon cas, mes deux modèles sont dans un dossier Templates. L'image de fond se trouve à la racine du site. Donc, il faut bien remonter d'un dossier pour l'afficher?

 

[Doubrovski]

Vous travaillez bien sur les pages html en local sur votre ordinateur ?
A mon avis ça vient d'un problème d'affichage de dreamweaver, l'adresse semble bonne avec ../ mais l'image reste invisible.
Quand le site sera placé sur un serveur distant, l'une ou l'autre adresse fonctionnera probablement. Avez-vous fait le test ?

Je connais un peu dreamweaver, mais je n'utilise pas le mode visuel ni la création automatique des liens en choisissant le fichier.

 

[castor74]

Je travaille en local, bien sûr. J'ai fait le test que vous indiquez, en créant un document basé sur un modèle. L'image de fond ne s'affiche ni en local, ni à distance une fois la page téléchargée.
Je n'ai jamais eu ce souci sous DW 8.
Il n'y a qu'avec DW CS3 que je rencontre ce problème... J'ai donc, comme je l'ai dit plus haut, modifié manuellement la source de l'image dans ma CSS.
Le plus étrange quand même, c'est que lorsque je construit un nouveau doc basé sur un modèle, en y important une nouvelle image (mais pas un background de page...), cette dernière s'affiche correctement autant en local qu'à distance...

Petite précision: lorsque j'affiche un de mes modèles, je vois bien l'image de background. C'est quand je crée un NOUVEAU doc basé sur ce modèle, que l'image reste invisible!!! 8O

 

[Doubrovski]

Difficile de répondre sans voir le code...

C'est quand je crée un NOUVEAU doc basé sur ce modèle, que l'image reste invisible!!!

Probablement car quelque chose a changé dans le code. Au niveau de la feuille css ou de l'emplacement du modèle dans l'arborescence. J'ai le souvenir que dreamweaver réadapte les liens à sa sauce lors d'enregistrements de pages.

 

[castor74]

Je peux peut-être envoyer le fichier d'un de mes modèles?

 

[Doubrovski]

Pourquoi pas mais je risque de ne pas avoir tous les éléments.
J'ai besoin de l'arborescence, du code css utilisé pour l'image de fond (et son emplacement, sur la page ou dans une feuille css)

De manière générale c'est moins risqué d'utiliser des liens absolus
href="/page.php" ou href="http://www.site.com/page.php"

../ = relatif

 

[castor74]

OK. Merci pour tous ces conseils! :wink: