Sujet Précédent Sujet Suivant

Bug Dreamweaver ou erreur de manip ?

Fermé
bazarakoff Messages postés 15 Date d'inscription samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010 - 13 janv. 2010 à 15:32
houba_houbi Messages postés 119 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 3 juin 2010 - 14 janv. 2010 à 16:08
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 janv. 2010 à 15:37
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
13 janv. 2010 à 16:08
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 janv. 2010 à 16:14
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
13 janv. 2010 à 16:37
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 janv. 2010 à 16:51
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
13 janv. 2010 à 17:25
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 janv. 2010 à 17:37
Bon met ca alors : 

background-image:url('../ArrierePlan_PhotoRouge15_PNG.png');
0
Réponse 8 / 17
bazarakoff Messages postés 15 Date d'inscription samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
13 janv. 2010 à 17:59
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
13 janv. 2010 à 18:12
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 jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 974
13 janv. 2010 à 21:43
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
14 janv. 2010 à 01:47
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 vendredi 23 janvier 2009 Statut Membre Dernière intervention 3 juin 2010 16
14 janv. 2010 à 09:27
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
14 janv. 2010 à 14:02
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 vendredi 23 janvier 2009 Statut Membre Dernière intervention 3 juin 2010 16
14 janv. 2010 à 14:06
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
14 janv. 2010 à 14:26
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 samedi 27 septembre 2008 Statut Membre Dernière intervention 14 janvier 2010
14 janv. 2010 à 15:30
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 vendredi 23 janvier 2009 Statut Membre Dernière intervention 3 juin 2010 16
14 janv. 2010 à 16:08
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

Instagram "Désolé, une erreur s'est produite"
bananamilk -
cedric.masdeb -

60 réponses
Iptv beug
leogauthier15 -
bazfile -

1 réponse
Erreur de lecture sur iptv smarters
Bogs -
bazfile -

1 réponse
Problème IPTV SMARTER
eneleh49 -
glandu -

1 réponse
Problème Facebook rencontre
Margalle -
ChatSauvage07 -

18 réponses