Pb de feuille de styles

[lionel173]

Bonjour,
J'ai bien progressé à l'aide du forum, des tutos, et de mon manuel, mais je sèche sur un problème avec ma feuille de styles.
Je fait ma mise en page avec mes blocs, mes images... tout ça dans une feuille incorporée. Ensuite j'exporte ma feuille de style. Jusque là tout va bien.
Mais si je fais une modif ensuite dans un style, la feuille ne se charge plus. Je ne vois pas ce que j'oublie de faire. L'extension css est bien enregistrée, et tout fonctionne correctement tant que je ne fais pas de modif.
Est-ce que vous voyez ce que je peux faire comme fausse manip qui génère mon problème .
C'est dommage, je commençais à être content du résultat .
Merci.
Lionel

[chinon37]

Bonjour,

peux-t-on avoir le code de la page, ou mieux, l'adresse de la page si elle est en ligne?

[lionel173]

Bonjour chinon37,

Ma page n'est pas encore en ligne, en fait ce n'est que l'entête qui apparaitra sur toutes les pages.

Je ne peux pas mettre les fichiers de code dans ma réponse, les extensions txt ou pdf sont interdites.
Quels types de ficiers peut-on joindre sur le forum qui permettraient de les visualiser.


Edit :
Voilà, la page est en ligne à cette adresse avec la feuille de styles incorporée. Un avis sur ce qui peut perturber ??
http://www.lionelmobilite.fr

[chinon37]

Pas de soucis chez moi avec ta page pour exporter et modifier la feuille de style.
Peux-tu détailler étape par étape ta manip?

[lionel173]

Je viens de refaire les manips depis le début, plus de soucis...
J'ai exporter ma feuille comme ce matin, j'ai fait des modifs (boite "slogan" lageur 600px et chagement de couleur de fond), j'ai tout réenregistré, ça parait fonctionner.
Mystère de l'informatique !!

J'ai publié ma page après modif, tout ce passe bien. Tu peux vérifier les codes restants après l'export.

[atheo]

bonjour

je ne sais pas si je vais enfoncer une porte ouverte en disant cela...

j'ai remarqué (erreur de jeunesse ? bug ? va savoir Charles...)
qu'avec KZ quand ça déraille, il vaut mieux tout fermer et recommencer l'opération.
je pense qu'on remet les compteurs à zéro....

je ne trouve pas cela idéal. surtout quand on a fait plein de modifs, mais.... généralement ça marche à peu prés.


c'est sûr que pour des débutants, c'est assez dérangeant car on ne sait jamais si l'erreur vient de soi ou du programme.
et on se demande toujours si on a assez potassé Archimède avant de poser la question.

[chinon37]

Quand ça déraille, soit il y a un bogue, soit on a fait une boulette.
Donc, le mieux est de se jeter sur ce forum pour en parler.
Si c'est un bogue, on peut ainsi le définir le plus précisément possible et faire remonter l'info vers Kazé, le développeur principal et presque unique.
Si c'est une boulette, on essaiera de voir qui en est la cause et on guidera pour qu'elle ne se reproduise pas, dans la mesure de nos moyens, évidemment

[lionel173]

Le pb est réapparu !!

La feuille de styles ne se charge pas, et si j'essaie manuellement : editeur css, feuille liée, parcourir, recharger, pas de résultat. Le nom de la feuille est bien là, URL et liste des médias ok, mais rien en face de nombres de règles. Et je retrouve tous mes blocs les uns en-dessous de autres alignés à droite.

Je ne comprends pas ce qui ce passe.

[Ymai]

qu'avec KZ quand ça déraille, il vaut mieux tout fermer et recommencer l'opération.
je pense qu'on remet les compteurs à zéro....

La plupart du temps, sous KpZ 0.7.10, il suffit de fermer un maximum d'onglets. Sauf celui sur lequel on travaille.
Pas encore constaté ce type de souci sous KpZ 0.8.b

on se demande toujours si on a assez potassé Archimède avant de poser la question.

Ah, ce bon vieux Archimède

le développeur principal et presque unique

Presque, presque. Ça bouge, si l'on en croit les informations récentes.

team building: KompoZer isn't a one-man-project any more.

[chinon37]

le développeur principal et presque unique

Presque, presque. Ça bouge, si l'on en croit les informations récentes.

team building: KompoZer isn't a one-man-project any more.

D'où le presque

[Kazé]

Lionel > c’est avec quelle version que tu as eu ce problème ? KompoZer 0.7.10 ou 0.8b1 ?

Quand le problème apparaît, pour que je puisse bosser dessus, il faudrait :

• nous coller le code de ta page HTML et de ta feuille de style CSS (ou nous envoyer l’URL si c’est en ligne)
• nous donner le contenu de la console JavaScript (cf. le menu « Outils »)

Pour l’instant, personne n’a signalé de bug de ce type, mais ça ne veut pas forcément dire grand-chose : certains bugs bien pénibles ne sont signalés que plusieurs mois après leur apparition dans le code. Il est néanmoins possible (probable) que l’erreur se niche quelque part dans ton code HTML / CSS.

Presque, presque. Ça bouge, si l'on en croit les informations récentes.

Et ce n’est qu’un début !
Ça mériterait un post à part, mais puisqu’on en parle…

Je reste le seul développeur pour l’instant — Cédric Corazza s’occupe de la localisation, Frédéric Chateaux de la gestion du bug tracker — mais des étudiants ont commencé à bosser sur du code KompoZer. On verra en avril 2010 ce que ça donnera, mais leurs travaux seront proposés en extensions, voire comme patch dans KompoZer 0.8 — l’explorateur DOM de KompoZer 0.8b2 a déjà profité du travail de l’un d’entre eux.

Vivien Nicolas (qui bosse sur Fennec pour Mozilla) et Laurent Jouanneau (chef vénéré de xulfr.org) m’ont envoyé des patches, respectivement pour le support PHP sous Linux et la sérialisation du code HTML. J’ai intégré le premier dans KompoZer 0.8b1, pour le second il va falloir attendre KompoZer 0.8b3. Grâce à eux, ce sont deux des plus gros problèmes de KompoZer qui sont en passe d’être résolus.

Goofy, aka M. BabelZilla, a porté deux extensions Firefox pour KompoZer, et en a fait trois autres « from scratch ». C’est d’autant plus remarquable qu’il n’avait aucune expérience en programmation avant de s’essayer à ces extensions. Comme quoi…

Pour la suite (KompoZer 0.9), on a commencé à mettre nos ressources en commun avec l’équipe SeaMonkey. Ils ne bosseront pas directement sur KompoZer mais ils m’aideront sur des points techniques, et surtout, ils pourront assurer la maintenance du code si je me fais écraser par un autobus — ou pire, si je trouve un boulot salarié.

Bref, le développement de KompoZer sort doucement de sa phase artisanale. Par ailleurs, j’ai énormément progressé techniquement en bossant sur KompoZer 0.8, et il y a maintenant des bugs auxquels je peux enfin m’attaquer sereinement. Mon prochain objectif est de sortir une version alpha de KompoZer 0.9 pour juillet 2010 : ma version de travail n’est pas encore montrable, mais elle a déjà des fonctionnalités qui en surprendront plus d’un… « stay tuned™ ».

[Ymai]

Lionel > c’est avec quelle version que tu as eu ce problème ? KompoZer 0.7.10 ou 0.8b1 ?
...
Pour l’instant, personne n’a signalé de bug de ce type, mais ça ne veut pas forcément dire grand-chose 

C'était un souci récurrent sur la 7.0.1 que j'avais signalé un jour que j'avais passé 1/2 journée à fignoler une CSS puis que j'avais tout perdu en quelques secondes. Ne me restait plus que la CSS grossière de début de journée.
C'est peut-être le même bug qui faisait qu'une modif dans CasCadeS peut tout à coup disparaître.
Mais là, j'aurais envie de partir sur l'hypothèse du code CSS remanié un peu trop brutalement lors d'une remise en forme. Le genre de choses qui se produit quand on demande une bordure à droite 2px solid red et que CasCadeS ajoute des infos sur les trois autres bordures (correctes, a priori; mais peut-être pas toujours).
Je ne me souviens pas d'avoir expérimenté tout cela sous 0.8.b: mais avec l'âge, vous savez.

Et ce n’est qu’un début !
Ça mériterait un post à part, mais puisqu’on en parle…
...
Goofy, aka M. BabelZilla, a porté deux extensions Firefox pour KompoZer, et en a fait trois autres « from scratch ». C’est d’autant plus remarquable qu’il n’avait aucune expérience en programmation avant de s’essayer à ces extensions. Comme quoi…

Comme quoi certains ici devraient pouvoir se bouger un peu pour s'informer sur ce domaine qui leur échappe encore un peu?

Pour la suite (KompoZer 0.9), on a commencé à mettre nos ressources en commun avec l’équipe SeaMonkey. Ils ne bosseront pas directement sur KompoZer mais ils m’aideront sur des points techniques, et surtout, ils pourront assurer la maintenance du code si je me fais écraser par un autobus — ou pire, si je trouve un boulot salarié.

Facile, Il suffira d'allonger les journées d'une vingtaine d'heures

des fonctionnalités qui en surprendront plus d’un… « stay tuned™ ».

ROTFLR Dommage que seuls ceux qui tirent plus de 5 ans de forum pourront apprécier ce private joke

[lionel173]

Bonjour à tous, et merci de vous interresser à mon pb.

J'utilise la version 0.8b1, j'aurais dû le préciser au début. Comme ma page n'est pas très longue et que je n'ai pas trouvé comment joindre un fichier txt (pas d'autorisation) je vous fait un copier-coller dans ma réponse.

1) La page avec la feuille incorporée :

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-15"
http-equiv="content-type">
<title>Accueil</title>
<style>
#page {
background-color: white;
}
#entete {
height: 167px;
width: 100%;
background-color: white;
}
#menuh {
border-style: dotted;
border-width: 1px;
margin-left: 205px;
width: 50%;
height: 35px;
margin-top: 15px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
text-align: center;
}
#menuv {
width: 146px;
height: 250px;
float: left;
margin-top: 10px;
text-align: right;
padding-right: 22px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(images/cadremv.png);
font-family: Lucida Handwriting;
font-size: 1em;
}
#texte {
border-style: dotted;
border-width: 1px;
float: left;
width: 490px;
margin-right: 55px;
margin-left: 40px;
height: 500px;
margin-top: 30px;
padding-top: 15px;
padding-left: 10px;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: 2em;
}
#pied {
border-style: dotted;
border-width: 1px;
margin-top: 650px;
width: 700px;
margin-left: 125px;
height: 15px;
}
#logo {
width: 280px;
height: 115px;
margin-top: -20px;
float: right;
background-color: #d9e021;
text-align: right;
padding-top: 10px;
padding-right: 10px;
}
#tpmr {
float: left;
width: 650px;
margin-top: -20px;
height: 62px;
background-color: #d9e021;
text-align: center;
padding-top: 8px;
clear: left;
position: absolute;
}
#banniere {
position: absolute;
margin-top: 52px;
width: 650px;
height: 59px;
text-align: center;
margin-left: -2px;
}
#slogan {
margin-top: 112px;
text-align: right;
position: absolute;
width: 690px;
height: 55px;
}
#cadremv {
}

</style>
</head>
<body style="margin-right: auto; margin-left: auto; width: 950px;">
<div id="page"><br>
<div id="entete">
<div id="logo"><img src="images/Logo.png" alt="Logo"
style="border: 0px solid ; width: 201px; height: 95px;"></div>
<div id="tpmr"><img style="width: 300px; height: 53px;" alt="tpmr"
src="images/TPMR_H.png"></div>
<div id="banniere"><img style="width: 656px; height: 54px; left: 98px;"
alt="banniere" src="images/banniere.png"> </div>
<div id="slogan"><img style="width: 521px; height: 50px;" alt="slogan"
src="images/slogan.png"></div>
</div>
<div id="menuh">
</div>
<div id="menuv"><br>
<br>
<a href="index.html" accesskey="a" title="Retour à la page d'accueil">
La société </a><br>
<br>
<a href="services.html" acceskey="s" title="Les services proposés">
Le service </a><br>
<br>
<a href="modalites.html" acceskey="m"
title="Le fonctionnement du service">
Les modalités </a><br>
<br>
<a href="contacts.html" acceskey="c" title="Les contacts à disposition">
Les contacts </a>
</div>
<div id="texte"><br>
<br>
<br>
<br>
<br>
<br>
Site en cours de construction,<br>
A bientôt...</div>
<div id="pied">
</div>
</div>
</body>
</html>

2) La page après l'export :

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-15"
http-equiv="content-type">
<title>Accueil</title>
<link media="all" rel="stylesheet" href="styles.css" type="text/css">
</head>
<body style="margin-right: auto; margin-left: auto; width: 950px;">
<div id="page"><br>
<div id="entete">
<div id="logo"><img src="images/Logo.png" alt="Logo"
style="border: 0px solid ; width: 201px; height: 95px;"></div>
<div id="tpmr"><img style="width: 300px; height: 53px;" alt="tpmr"
src="images/TPMR_H.png"></div>
<div id="banniere"><img style="width: 656px; height: 54px; left: 98px;"
alt="banniere" src="images/banniere.png"> </div>
<div id="slogan"><img style="width: 521px; height: 50px;" alt="slogan"
src="images/slogan.png"></div>
</div>
<div id="menuh"><br>
</div>
<div id="menuv"><br>
<br>
<a href="index.html" accesskey="a" title="Retour à la page d'accueil">
La société </a><br>
<br>
<a href="services.html" acceskey="s" title="Les services proposés">
Le service </a><br>
<br>
<a href="modalites.html" acceskey="m"
title="Le fonctionnement du service">
Les modalités </a><br>
<br>
<a href="contacts.html" acceskey="c" title="Les contacts à disposition">
Les contacts </a>
</div>
<div id="texte"><br>
<br>
<br>
<br>
<br>
<br>
Site en cours de construction,<br>
A bientôt...</div>
<div id="pied">
</div>
</div>
</body>
</html>

et pour terminer,
3) La feuille de styles.css

Code : Tout sélectionner

*|#page {
  background-color: white;
}
*|#entete {
  height: 167px;
  width: 100%;
  background-color: white;
}
*|#menuh {
  border-style: dotted;
  border-width: 1px;
  margin-left: 205px;
  width: 50%;
  height: 35px;
  margin-top: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}
*|#menuv {
  border-style: dotted;
  border-width: 1px;
  width: 120px;
  height: 243px;
  float: left;
  margin-top: 10px;
  text-align: right;
  padding-right: 30px;
}
*|#texte {
  border-style: dotted;
  border-width: 1px;
  float: left;
  width: 490px;
  margin-right: 50px;
  margin-left: 50px;
  height: 500px;
  margin-top: 30px;
  padding-top: 15px;
  padding-right: 1px;
  padding-left: 15px;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 2em;
}
*|#pied {
  border-style: dotted;
  border-width: 1px;
  margin-top: 650px;
  width: 700px;
  margin-left: 125px;
  height: 15px;
}
*|#logo {
  width: 280px;
  height: 115px;
  margin-top: -20px;
  float: right;
  background-color: #d9e021;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
*|#tpmr {
  float: left;
  width: 650px;
  margin-top: -20px;
  height: 62px;
  background-color: #d9e021;
  text-align: center;
  padding-top: 8px;
  clear: left;
  position: absolute;
}
*|#banniere {
  position: absolute;
  margin-top: 52px;
  width: 650px;
  height: 59px;
  text-align: center;
  margin-left: -2px;
}
*|#slogan {
  margin-top: 112px;
  text-align: right;
  position: absolute;
  width: 690px;
  height: 55px;
}
*|#cadremv {
}

Autre précision, il est arrivé deux ou trois fois d'avoir un affichage bizarre en ouvrant la page css dans kompozer.
Comme si tout était écrit à la suite sur quelques lignes sans aucun retour à la ligne Malheureusement je n'ai pas gardé de copie.

Je rassure atheo, j'ai bosser Archimède, et aussi le chanteur préféré

[modo]Mise en forme pour assurer une lecture plus aisée[/modo]

[Ymai]

Bonjour
La solution semble bien être là: http://www.geckozone.org/forum/viewtopi ... 08#p558808
Les symboles "|" ajoutés devant les règles de style cassent tout. La nouvelle version devrait réparer ce souci majeur.
Merci de la tester aujourd'hui encore et de faire part des résultats dans le post idoine.

[lionel173]

Merci Ymai, impeccable !!!

J'avais bien remarqué ces symboles, je pensais que cela pouvait être pour différencier une feuille interne et une externe.
Une fois supprimés, tout rentre dans l'ordre.

J'espère que ma "programmation" ne te fait pas trop rire, mais c'est mon premier essai. Je ferai mieux avec le temps.

Bon WE, et à + pour les soucis suivants...

Lionel