Image de fond et son div supprimé à la sauvegarde

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 08:28

j'ai un bloc pour le bandeau indiqué en fond en regle de style css avec KaZcadeS, mais quand je sauvegarde (kompozer) l'image disparait et le div et son id avec. Est ce mon image qui est trop lourde ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **Ymai** » 17 août 2007, 08:36

Bonjour
Y a-t-il quelque chose d'indiqué dans la console Javascript?
> Outils > Console Javascript
Est-ce reproductible à 100%? Dans ce cas (et même, de toute façon), pouvons-nous avoir le code correspondant *avant* les disparitions des images et des div's ?
Quelque chose a été introduit manuellement dans l'onglet "Source" ou tout s'est bien fait dans l'onglet "Normal"? Dans le cas d'espèce, il peut s'agir d'une correction syntaxique opérée par KompoZer lui-même, très à cheval sur les règles.

Une certitude: ce n'est pas un problème d'image trop lourd.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)

Message par **chinon37** » 17 août 2007, 08:48

Peux-tu faire un copié-collé du code source dans ta réponse?

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 08:56

En plus avant que l'image apparaisse il me faut la remettre une deuxieme fois avec KasCadeS; la premiere fois n'est pas prise en compte, et c'est quasi systématique. Je ne fait que des essais de mise en page, pour me former, et il n'y a rien dans ma page à par 3 div dont un pour le bandeau en image. Et je n'ai rien rentré par la page code, par contre je vais souvent y faire un tour pour regarder la mécanique... la flemme d'ouvrir handcoder... plus rapide pour jeter un oeil... mais c'est pt'etre çà, j'ai lu que cette page souffrait de bug

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 08:58

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
lang="fr-fr"><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>essais</title><meta
content="Vincent Sermonne" name="author"><style
title="essais" media="all" type="text/css">
#conteneur {
border: 1px solid #cccccc;
background-repeat: repeat-y;
margin-bottom: 0;
margin-top: 0;
background-position: center top;
height: 100%;
}

h1 {
font-family: verdana;
font-size: 10px;
font-weight: normal;
}

#contenu {
border: none;
font-family: verdana;
font-size: 10px;
margin-top: 0;
background-color: #ffffff;
margin-left: 17.98%;
width: 800px;
height: 100%;
}

#logo {
background-image: url(Snare%201.jpg);
height: 110px;
background-repeat: no-repeat;
background-position: left top;
width: 796px;
}

</style></head>
<body><div id="conteneur"><div id="contenu"><div
id="titre">©
Tchackpoum
Samples & Drum Loops</div></div></div></body></html>

evidemment c'est apres la sauvegarde

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **chinon37** » 17 août 2007, 09:21

Vincent Sermonne a écrit :En plus avant que l'image apparaisse il me faut la remettre une deuxieme fois avec KasCadeS; la premiere fois n'est pas prise en compte, et c'est quasi systématique.

ça, c'est un bon vieux bogue de KazcadeS... qui ne sera bientôt qu'un mauvais souvenir

Il faudrait aussi la copie du code avant sauvegarde pour essayer de comprendre (exceptionnellement en faisant la copie à partir de l'onglet source avant enregistrement de la page)

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 09:27

Il faudrait aussi la copie du code avant sauvegarde

?? comment puis je faire une copie avant la sauvegarde ?? puisque j'ai sauvegardé c'est cuit non ?... enfin j'en refait une c'est pas grave de toute façon je me forme alors ça me fait bosser...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **chinon37** » 17 août 2007, 09:29

oui

la page étant simple, il est assez rapide de la refaire. j'essaie cela de suite.

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 09:41

bon il y a un truc louche, c'est peut être moi, je vous explique : je fais un premier bloc conteneur dans lequel je mettrai un fond "ombre", après je saute la ligne je cree un bloc "contenu", je saute la ligne pour que les suivant soit dépendant de "contenu" comme "contenue" est dépendant de "conteneur"... vous me suivez... (j'y crois pas le language de fou que j'ecris)

Enfin tout ça pour dire que peut etre n'est-il pas possible d'imbriquer les blocs à la suite ?... pourtant sur mon site c'est ce que j'ai fait à un bloc texte pour lui donner une marge sans perdre la couleur...
Là, j'ai fait ça mais aussitot j'ai deux div qui ont disparu, je sais pas comment.
Cependant c'etait des div sans texte, dans l'attente de... ah c'est p'tet çà !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **Ymai** » 17 août 2007, 09:45

Attention, il y a un beanz dans l'éditeur

Pour des raisons indéterminées, KompoZer refuse de créer un bloc sur la première ligne du bloc Conteneur. Nous allons donc simplement créer les autres blocs sur la deuxième ligne...

http://info.sio2.be/kpz/3/3.php
Ce ne serait pas ça le problème?
Dsl, pas trop le temps d'approfondir là.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 09:48

eheh voilà voilà !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 10:14

Je crois avoir compris pour l'image ; mon image fait 800 px de large, son bloc est dépendant du bloc précédent qui fait lui aussi 800 px, or apres observation en mettant une bordure sur chaque bloc, les bord des blocs imbriqués ne se chevauche pas, je perd donc deux pixels, enfin je crois. Il me faut redimensionner mon image... heu non, mon bloc contenu... j'ai bon ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Vincent Sermonne · Message par **Vincent Sermonne** » 17 août 2007, 12:18

Que nenni !! apres avoir mis l'image en fond, par kascades, si il n'y a pas de texte idans le bloc l'image vire a la sauvegarde...

Avant sauvegarde

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
lang="fr-fr"><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>essais</title><meta
content="Vincent Sermonne" name="author"><style
title="essais" media="all" type="text/css">
#conteneur {
border-style: none;
height: 700px;
margin-top: 0;
margin-bottom: 0;
}

#contenu {
border-style: none;
width: 804px;
height: 650px;
margin-bottom: 0;
margin-left: 17.5%;
margin-top: 0;
}

#logo {
border-style: solid;
border-color: #ffffff #e6e6e6;
border-width: 2px 1px 1px;
background-image: url(Snare%201.jpg);
margin-top: 0;
margin-bottom: 0;
height: 109px;
background-repeat: no-repeat;
background-position: center bottom;
}

h1 {
font-family: verdana;
font-size: 10px;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
}

#menu {
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 0 0 0 12px;
font-family: verdana;
font-size: 10px;
border-top-style: none;
height: 18px;
background-color: #dddddd;
}

#menu ul {
border: none;
margin: 0 0 0 30pt;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family: verdana;
font-size: 10px;
}

#menu li {
margin: 0;
padding: 0;
display: block;
float: left;
width: auto;
font-family: verdana;
font-size: 10px;
}

#menu a {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #aaaaaa;
margin: 0;
padding: 2px 10px;
background: #dddddd none repeat scroll 0% 50%;
color: #444444;
display: block;
width: auto;
text-decoration: none;
font-family: verdana;
font-size: 10px;
}

#menu a:hover, #menu a:active {
background: #bbbbbb none repeat scroll 0% 50%;
font-family: verdana;
font-size: 10px;
}

#menu a.active:link, #menu a.active:visited {
background: #bbbbbb none repeat scroll 0% 50%;
position: relative;
z-index: 102;
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}

#subnav {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #aaaaaa;
margin: 0;
padding: 0px 0 3px;
background: #bbbbbb none repeat scroll 0% 50%;
position: relative;
top: -1px;
z-index: 101;
font-family: verdana;
font-size: 10px;
}

#subnav ul {
border-left: 1px solid #aaaaaa;
border-right: 1px solid #ffffff;
margin: 1px 0 0px 13px;
padding: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family: verdana;
font-size: 10px;
}

#subnav li {
margin: 0;
padding: 0;
position: relative;
z-index: 102;
display: block;
float: left;
width: auto;
font-family: verdana;
font-size: 10px;
}

#subnav a {
margin: 0;
padding: 2px 12px 2px 10px;
color: #ffffff;
display: block;
width: auto;
text-decoration: none;
font-size: 10px;
}

#subnav a:hover, #subnav a:active {
color: #444444;
font-family: verdana;
font-size: 10px;
}

#subnav a.active:link, #subnav a.active:visited {
color: #444444;
font-family: verdana;
font-size: 10px;
}

#subnav br, #menu br {
clear: both;
font-family: verdana;
font-size: 10px;
}

</style></head>
<body><br><div id="conteneur"><div
style="text-align: center;"></div><div id="contenu"><h1>©
Tchackpoum Samples & Drum Loops</h1><div id="logo"></div><div
id="menu"><ul id="liste">
<li id="active"><a href="#" id="current">Accueil</a></li>
<li><a href="#">Samples</a></li>
<li><a href="#">Drumloops</a></li>
<li><a href="#">faq</a></li>
<li><a href="http://tchackpoum.free.fr/Forum/index.p ... um</a></li>
<li><a
href="http://tchackpoum.free.fr/newsletter/su ... er</a></li>
</ul></div></div></div></body></html>

Apres :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
lang="fr-fr"><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>essais</title><meta
content="Vincent Sermonne" name="author"><style
title="essais" media="all" type="text/css">
#conteneur {
border-style: none;
height: 700px;
margin-top: 0;
margin-bottom: 0;
}

#contenu {
border-style: none;
width: 804px;
height: 650px;
margin-bottom: 0;
margin-left: 17.5%;
margin-top: 0;
}

#logo {
border-style: solid;
border-color: #ffffff #e6e6e6;
border-width: 2px 1px 1px;
background-image: url(Snare%201.jpg);
margin-top: 0;
margin-bottom: 0;
height: 109px;
background-repeat: no-repeat;
background-position: center bottom;
}

h1 {
font-family: verdana;
font-size: 10px;
font-weight: normal;
margin-bottom: 0;
margin-top: 0;
}

#menu {
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 0 0 0 12px;
font-family: verdana;
font-size: 10px;
border-top-style: none;
height: 18px;
background-color: #dddddd;
}

#menu ul {
border: none;
margin: 0 0 0 30pt;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family: verdana;
font-size: 10px;
}

#menu li {
margin: 0;
padding: 0;
display: block;
float: left;
width: auto;
font-family: verdana;
font-size: 10px;
}

#menu a {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #aaaaaa;
margin: 0;
padding: 2px 10px;
background: #dddddd none repeat scroll 0% 50%;
color: #444444;
display: block;
width: auto;
text-decoration: none;
font-family: verdana;
font-size: 10px;
}

#menu a:hover, #menu a:active {
background: #bbbbbb none repeat scroll 0% 50%;
font-family: verdana;
font-size: 10px;
}

#menu a.active:link, #menu a.active:visited {
background: #bbbbbb none repeat scroll 0% 50%;
position: relative;
z-index: 102;
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}

#subnav {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #aaaaaa;
margin: 0;
padding: 0px 0 3px;
background: #bbbbbb none repeat scroll 0% 50%;
position: relative;
top: -1px;
z-index: 101;
font-family: verdana;
font-size: 10px;
}

#subnav ul {
border-left: 1px solid #aaaaaa;
border-right: 1px solid #ffffff;
margin: 1px 0 0px 13px;
padding: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family: verdana;
font-size: 10px;
}

#subnav li {
margin: 0;
padding: 0;
position: relative;
z-index: 102;
display: block;
float: left;
width: auto;
font-family: verdana;
font-size: 10px;
}

#subnav a {
margin: 0;
padding: 2px 12px 2px 10px;
color: #ffffff;
display: block;
width: auto;
text-decoration: none;
font-size: 10px;
}

#subnav a:hover, #subnav a:active {
color: #444444;
font-family: verdana;
font-size: 10px;
}

#subnav a.active:link, #subnav a.active:visited {
color: #444444;
font-family: verdana;
font-size: 10px;
}

#subnav br, #menu br {
clear: both;
font-family: verdana;
font-size: 10px;
}

</style></head>
<body><br><div id="conteneur"><div
style="text-align: center;"></div><div id="contenu"><h1>©
Tchackpoum Samples & Drum Loops</h1><div id="menu"><ul
id="liste">
<li id="active"><a href="#" id="current">Accueil</a></li>
<li><a href="#">Samples</a></li>
<li><a href="#">Drumloops</a></li>
<li><a href="#">faq</a></li>
<li><a href="http://tchackpoum.free.fr/Forum/index.p ... um</a></li>
<li><a
href="http://tchackpoum.free.fr/newsletter/su ... er</a></li>
</ul></div></div></div></body></html>

J'en conclu que Kompozer l'identifie comme une balise vide et la supprime. C'est un peu agaçant... Pas génial pour changer d'image par feuille de style

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Message par **chinon37** » 17 août 2007, 14:47

Je ne sais plus où il en a été question, mais tu te trouves bien en face du cas de la balise vide nettoyée par Kpz.

Ayé, j'ai trouvé (entre autres) ce topic:
http://www.geckozone.org/forum/viewtopi ... 266#279266

Kazé · Message par **Kazé** » 17 août 2007, 15:26

Ymai a écrit :Attention, il y a un beanz dans l'éditeur
Pour des raisons indéterminées, KompoZer refuse de créer un bloc sur la première ligne du bloc Conteneur. Nous allons donc simplement créer les autres blocs sur la deuxième ligne...

C'est presque une feature. Du moins, c'est le fonctionnement normal de l'entrée «div» de la liste des formats de paragraphe : cette liste cherche d'abord à changer le conteneur en cours avant d'en créer un.
L'adjonction d'un vrai bouton «div» dans la barre d'outils devrait y remédier, c'est dans la roadmap de la version 0.8.

Par ailleurs, c'est une des raisons (pas la première) qui me font dire que le div#conteneur n'est pas souhaitable. Je pense qu'il fait double-emploi avec <body>.

Vincent Sermonne a écrit :J'en conclu que Kompozer l'identifie comme une balise vide et la supprime. C'est un peu agaçant... Pas génial pour changer d'image par feuille de style

En l'occurrence c'est le nettoyeur de balises qui fait ça. Ce n'est donc pas un bug non plus.
Pour la version 0.7.10, j'ai modifié le nettoyeur de balises pour qu'il ne supprime plus les blocs vides s'ils ont un attribut ID/class, justement dans le but de pouvoir utiliser des templates CSS. Cette version 0.7.10 sera dispo dans une semaine max.

PS: ta mise en page est très réussie, je serais flatté que tu ajoutes un logo "made with KompoZer" !

Geckozone

Image de fond et son div supprimé à la sauvegarde

Image de fond et son div supprimé à la sauvegarde

Qui est en ligne ?