Bug Dreamweaver ou erreur de manip ?

bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   -  
houba_houbi Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Encore un fois, Dreamweaver CS4 m'arrache les cheveux, à savoir:
- Je viens de créer une page qui est l'ossature globale de mon site (la photo du titre, la barre de navigation Spry, un arrière-plan dans la div MainContent avec effet de transparence PNG)
- Je vérifie la page avec l'outil validation et "Aucune erreur ou avertissement n'a été trouvée"
- Je vérifie la page dans firefox et tout s'affiche correctement
- Je définis cette page comme modèle pour mon site
-Je crée une page à partir de ce modèle
Et sur cette nouvelle page la photo d'arrière-plan disparaît comme par enchantement !
Si quelqu'un sait comment éviter ce genre de désagrémént involontaire, cela m'aiderait vraiment ! Car je n'y vois aucune explication.

Merci d'avance !

17 réponses

Réponse 1 / 17
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Ta photo d'arrière plan c'est un background ou <img />
??
0
Réponse 2 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
La photo fait partie d'une règle CSS (crée à partir d'un modèle prédéfini de Dreamweaver, à savoir 3 colonnes fixes) et la règle CSS (.oneColFixCtrHdr #mainContent) est insérée dans la div style dans l'en-tête du document. Elle est insérée dans la catégorie Arrière-plan des propriétés CSS.
Ca dit dans le code :

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Modele</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
background-color: #000;
}
.oneColFixCtrHdr #container {
width: 780px;
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
background-color: #900;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-repeat: no-repeat;
background-position: center center;
}
.oneColFixCtrHdr #header {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-color: #900;
margin-bottom: 0px;
}
.oneColFixCtrHdr #header h1 {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0px;
padding-right: 100px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #900;
}
.oneColFixCtrHdr #mainContent {
line-height: 6px;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
margin: 0px;
background-image: url(../ArrierePlan_PhotoRouge15_PNG.png);
padding: 0;
}
.oneColFixCtrHdr #footer {
padding: 0 10px;
background-color: #900;
}
.oneColFixCtrHdr #footer p {
margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
background-color: #900;
}
-->
</style>
0
Réponse 3 / 17
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Est-ce que cette image est dans un dossier "images" ; ou alors est-elle mélangée avec tes pages html ?

L'image en question est bien : ArrierePlan_PhotoRouge15_PNG.png ?
0
Réponse 4 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
C'est bien celle-ci.
Et effectivement elle est bien mélangée avec le reste dans le dossier racine de mon site. Ca pourrait venir de là ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 17
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Non car dans le CSS il est bien renseigné que l'image n'est pas dans un sous dossier.
Mais si j'en juge par votre rangement, je mettrais ça : 

background-image:url('ArrierePlan_PhotoRouge15_PNG.png');


à la place de ça : 

background-image: url(../ArrierePlan_PhotoRouge15_PNG.png);
0
Réponse 6 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
J'ai essayé, mais ça efface l'image, même du modèle.
0
Réponse 7 / 17
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Bon met ca alors : 

background-image:url('../ArrierePlan_PhotoRouge15_PNG.png');
0
Réponse 8 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Ca marche toujours pas. Et pourtant en comparant les codes, ceux du modèle et de la page qui en découle ont l'air d'être corrects.



Celui du modèle :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Modele</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
background-color: #000;
}
.oneColFixCtrHdr #container {
width: 780px;
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
background-color: #900;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-repeat: no-repeat;
background-position: center center;
}
.oneColFixCtrHdr #header {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-color: #900;
margin-bottom: 0px;
}
.oneColFixCtrHdr #header h1 {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0px;
padding-right: 100px;
padding-bottom: 0px;
padding-left: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
line-height: 6px;
text-decoration: underline;
}
.oneColFixCtrHdr #mainContent {
line-height: 6px;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
margin: 0px;
background-image: url('../Images/ArrierePlan_PhotoRouge15_PNG.png');
padding: 0;
}
.oneColFixCtrHdr #footer {
padding: 0 10px;
background-color: #900;
}
.oneColFixCtrHdr #footer p {
margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
background-color: #900;
}
-->
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../TexteRubrique.css" rel="stylesheet" type="text/css" />
<link href="../Titre Rubrique.css" rel="stylesheet" type="text/css" />
</head>

<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1><img src="../TitreLBC_FondRougeClair_780x150.jpg" width="780" height="150" /></h1>
<div class="oneColFixCtrHdr" id="mainContent">
<ul id="BarNav" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">LA COMPAGNIE</a>
<ul>
<li><a href="#">Actualités</a></li>
<li><a href="#">Formation</a></li>
<li><a href="#">Historique</a></li>
<li><a href="#">Membres</a></li>
<li><a href="#">Spectacles</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">MEDIAS</a>
<ul>
<li><a href="#">Photos</a></li>
<li><a href="#">Vidéos</a></li>
<li><a href="#">Textes</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">ESPACE PRO</a>
<ul>
<li><a href="#">Dossier</a></li>
<li><a href="#">Presse</a></li>
<li><a href="#">Fiche technique</a></li>
</ul>
</li>
<li><a href="#">CONTACTS</a></li>
<li><a href="#">LIENS</a> </li>
</ul>
<blockquote>
<blockquote> </blockquote>
</blockquote>
<!-- TemplateBeginEditable name="Contenu" -->
<p> </p>
<!-- TemplateEndEditable --></div>
<!-- fin de #header --></div>
<div id="footer">
<p>Pied de page
</p>
<!-- fin de #footer --></div>
<!-- fin de #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("BarNav", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>



Celui de la page créée à partir du modèle :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Modele_ArPlanRouge.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Modele</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
background-color: #000;
}
.oneColFixCtrHdr #container {
width: 780px;
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
background-color: #900;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-repeat: no-repeat;
background-position: center center;
}
.oneColFixCtrHdr #header {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-color: #900;
margin-bottom: 0px;
}
.oneColFixCtrHdr #header h1 {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 0px;
padding-right: 100px;
padding-bottom: 0px;
padding-left: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
line-height: 6px;
text-decoration: underline;
}
.oneColFixCtrHdr #mainContent {
line-height: 6px;
background-repeat: no-repeat;
background-position: center center;
text-align: left;
margin: 0px;
background-image: url('../Images/ArrierePlan_PhotoRouge15_PNG.png');
padding: 0;
}
.oneColFixCtrHdr #footer {
padding: 0 10px;
background-color: #900;
}
.oneColFixCtrHdr #footer p {
margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
background-color: #900;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="TexteRubrique.css" rel="stylesheet" type="text/css" />
<link href="Titre Rubrique.css" rel="stylesheet" type="text/css" />
</head>

<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1><img src="TitreLBC_FondRougeClair_780x150.jpg" width="780" height="150" /></h1>
<div class="oneColFixCtrHdr" id="mainContent">
<ul id="BarNav" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">LA COMPAGNIE</a>
<ul>
<li><a href="#">Actualités</a></li>
<li><a href="#">Formation</a></li>
<li><a href="#">Historique</a></li>
<li><a href="#">Membres</a></li>
<li><a href="#">Spectacles</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">MEDIAS</a>
<ul>
<li><a href="#">Photos</a></li>
<li><a href="#">Vidéos</a></li>
<li><a href="#">Textes</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">ESPACE PRO</a>
<ul>
<li><a href="#">Dossier</a></li>
<li><a href="#">Presse</a></li>
<li><a href="#">Fiche technique</a></li>
</ul>
</li>
<li><a href="#">CONTACTS</a></li>
<li><a href="#">LIENS</a> </li>
</ul>
<blockquote>
<blockquote> </blockquote>
</blockquote>
<!-- InstanceBeginEditable name="Contenu" -->
<p> </p>
<!-- InstanceEndEditable --></div>
<!-- fin de #header --></div>
<div id="footer">
<p>Pied de page
</p>
<!-- fin de #footer --></div>
<!-- fin de #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("BarNav", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!-- InstanceEnd --></html>




Et déjà, je te remercie de prendre la peine de me lire et de réfléchir à ce problème bizarre !
0
Réponse 9 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Et petite précision, lorsque je fais Modifier/Modèles/Mettre à jour la page en cours, rien ne se passe et il m'indique que 0 fichiers ont été mis à jour.
0
Réponse 10 / 17
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
qu 'netendez vous par: je crée une page a partir de ce model? copier-coller? autre????
0
Réponse 11 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
J'utilise une spécificité de Dreamweaver, qui permet de définir une page et ses attributs comme Modèle, puis, au moment de la création d'une nouvelle page, de l'appliquer à cette page,ce qui fait que les deux pages sont identiques. Et lorsque que l'on modifie une caractéristique de ce modèle, la modification est censée se répercuter sur toutes les pages crées à partir de ce modèle, ce qui éviterait de refaire les modifications sur chaque page. C'est un processus d'automatisation censé nous faire gagner du temps....
Une courte définition de ce processus ici :
http://www.artiloo.com/dossiers/dossiers.php?val=47_les+modeles+templates+sous+dreamweaver+
0
Réponse 12 / 17
houba_houbi Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   16
 
Bonjour,

J'utilise régulièrement les modèles DW, et c'est effectivement très pratique. Ce cas est très rare, mais cela m'est déjà arrivé (suite à une mauvaise manipulation ?).

Avant tout, quand tu dis "0 fichiers ont été mis à jour", c'est après avoir apporté une modification à ton modèle ou pas ?

Si oui, c'est mauvais signe, ton modèle est "déconnecté" de tes pages issues du modèle. Je ne vois qu'une seule solution : recommencer !
Faire une sauvegarde auparavant de tes pages au cas où tu aurais déjà remplis tes pages issues du modèle. Ensuite, copie le code html de toute ta page modèle, et colles le dans une nouvelle page que tu définies comme nouveau modèle.
Créer une nouvelle page en choisissant "page issue d'un modèle", tu sélectionnes ton nouveau modèle...
Fais une modif de ton modèle pour voir si cette fois-ci le nombre de fichiers mis à jour est correct.
0
Réponse 13 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Non, le processus marche bien, mais dès l'ouverture de la nouvelle page créée à partir du modèle, l'arrière-plan disparaît !
0
Réponse 14 / 17
houba_houbi Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   16
 
Là je ne vois pas...
Tu as un lien pour voir la page ?
0
Réponse 15 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Malheureusement, je ne l'ai pas encore mise en ligne. Et j'y comprends vraiment rien non plus. C'est juste ce problème de photo d'arrière-plan, car pour le reste, ça marche.
0
Réponse 16 / 17
bazarakoff Messages postés 15 Date d'inscription   Statut Membre Dernière intervention  
 
Bon, je viens de trouver la solution à mon problème !
C'était pas évident, et du coup je recommande la lecture du bouquin "Dreamweaver CS4" de Thierry Audoux et Jean-Marie Defrance chez Eyrolles !
En gros, il existe un problème dans la gestion des images d'arrière-plan lors de la création d'une page à partir d'un modèle. Pour éviter cela, il faut éviter d'intégrer ces images dans des feuilles de style propres au modèle (comme moi j'ai fait en insérant une image dans la div MainContent du modèle) mais plutôt les mettre dans des feuilles de style externe, qui seront également appliquées aux nouvelles pages.

Merci à tous d'avoir consacré un peu de temps à ce problème !
0
Réponse 17 / 17
houba_houbi Messages postés 119 Date d'inscription   Statut Membre Dernière intervention   16
 
Super !
Je ne connaissais pas ce bug... il est vrai que j'utilise systématiquement des Css externes ;)
Penses à mettre le sujet en résolu.
Bonne continuation
0

Discussions similaires

Iptv beug
leogauthier15 -
bazfile -

1 réponse
Erreur 3005 sur France TV
Cambodgil -
PK -

5 réponses
Problème IPTV SMARTER
eneleh49 -
glandu -

1 réponse
Smart IPTV met un temps fou à charger depuis que je suis passé à la fibre
Ancaro13 -
glandu -

3 réponses
Bug de chaîne IPTV
GeraltDeRiv13 -
bazfile -

1 réponse