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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par castor74, 18 Décembre 2013.

  1. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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!
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 829
    J'aime reçus:
    206
    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 ^^)
     
  3. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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
     
  4. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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???
     
  5. Doubrovski
    Doubrovski WRInaute occasionnel
    Inscrit:
    9 Avril 2011
    Messages:
    443
    J'aime reçus:
    0
    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

    Code:
    <link rel=stylesheet href="style.css" type="text/css">
    Puis appeler l'image de fond dans ta feuille css :

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

    Code:
    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 :
    Code:
    <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 :
    Code:
    <link rel=stylesheet href="/style.css" type="text/css">
    Site la page et la feuille css sont toutes les deux à la racine du site :
    Code:
    <link rel=stylesheet href="style.css" type="text/css">
     
  6. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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?
     
  7. Doubrovski
    Doubrovski WRInaute occasionnel
    Inscrit:
    9 Avril 2011
    Messages:
    443
    J'aime reçus:
    0
    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.
     
  8. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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à...
     
  9. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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?
     
  10. Doubrovski
    Doubrovski WRInaute occasionnel
    Inscrit:
    9 Avril 2011
    Messages:
    443
    J'aime reçus:
    0
    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.
     
  11. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    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
     
  12. Doubrovski
    Doubrovski WRInaute occasionnel
    Inscrit:
    9 Avril 2011
    Messages:
    443
    J'aime reçus:
    0
    Difficile de répondre sans voir le code...
    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.
     
  13. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    Je peux peut-être envoyer le fichier d'un de mes modèles?
     
  14. Doubrovski
    Doubrovski WRInaute occasionnel
    Inscrit:
    9 Avril 2011
    Messages:
    443
    J'aime reçus:
    0
    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
     
  15. castor74
    castor74 Nouveau WRInaute
    Inscrit:
    18 Décembre 2013
    Messages:
    15
    J'aime reçus:
    0
    OK. Merci pour tous ces conseils! :wink:
     
Chargement...
Similar Threads - Image fond affiche Forum Date
fond d'image transparent ! Le café de WebRankInfo 18 Avril 2015
mettre image fond d'ecran qui flotte Développement d'un site Web ou d'une appli mobile 26 Février 2015
problemme de l'image de fond Administration d'un site Web 9 Août 2011
Bannière en image de fond Débuter en référencement 6 Août 2011
Champ formulaire + image de fond Développement d'un site Web ou d'une appli mobile 9 Avril 2011
image de fond boite div "principal" Développement d'un site Web ou d'une appli mobile 13 Mars 2011
defilement d'image en fondu sur un site Demandes d'avis et de conseils sur vos sites 10 Décembre 2010
Image de Fond Facebook Facebook 4 Novembre 2010
Rendre une image en fond d'écran cliquable Développement d'un site Web ou d'une appli mobile 29 Juin 2010
Effondrement trafic google Images Crawl et indexation Google, sitemaps 4 Juin 2010
Recherche un script de news (particulier) avec image de fond Développement d'un site Web ou d'une appli mobile 13 Avril 2009
[RESOLU] image de fond dans une newsletter Développement d'un site Web ou d'une appli mobile 26 Mai 2008
Mettre une image en fond dans blogger ? Demandes d'avis et de conseils sur vos sites 26 Avril 2007
Image et image de fond Débuter en référencement 13 Mars 2007
Centrer une image de fond dans un tableau sans la répétée Développement d'un site Web ou d'une appli mobile 29 Novembre 2006
Image de fond qui se répète : avoir une belle jointure... Développement d'un site Web ou d'une appli mobile 2 Août 2006
Couleurs de fonds et images Débuter en référencement 10 Février 2006
Problème d'affichages d'images (fond) Développement d'un site Web ou d'une appli mobile 31 Janvier 2006
CSS et plusieurs images de fond Développement d'un site Web ou d'une appli mobile 18 Novembre 2005
Insertion d'une image en fond de Tableau Administration d'un site Web 15 Juin 2005