Rss et html : commentaire (en français) svp !
Résolu
bg62
Messages postés
23732
Date d'inscription
Statut
Modérateur
Dernière intervention
-
xD -
xD -
je suis en train de refaire un site ... un de plus ! (on finit par passer plus de temps à faire les sites que ses créations personnelles et pour moi c'est pourtant là ma passion !)
j'ai trouvé un 'modèle' dont je voudrais m'inspirer pour faire quelques modifs ... mais je tatonne sans arrêt et souvent sans grand résultat ... alors : SOS !!! je sais qu'ici il y a des "groses têtes" (c'est admiratif comme terme !)
serait-ce possible de me mettre à côté des lignes de codes leur signification ou utilité (en français svp) pour que cela permette d'accélérer mon travail GRAND MERCI A L' AVANCE !!!
voici les 2 fichiers dont je dispose:
un css et html:
- css:
html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
margin: 0;
padding: 0;
background-color : #fff;
text-align : center;
font-family : verdana;
font-size : 12px;
color : #000;
}
#haut {width : 100% ; background-color : #ccf; height : 10px; }
#haut2 {width : 100% ; background-color : #aaa; height : 100px; }
#content {
width :90%;
margin-left : auto;
margin-right : auto;
background-color : #fff;
border-top : 1px solid #fff;
height : 100%; }
html>body #content {height : auto; min-height : 100%; }
.expo {
margin-top : 0px ;
width : 100% ;
height : 150px;
background-image : url(images/haut.jpg)}
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 14px; }
li {float : left ; margin : 0 0 0 10px}
li a {color : #ccc; text-decoration : none}
li a:hover {color : #000; text-decoration : none}
.logo { margin-left : 70px ; margin-top : 0px; margin-right : 50px; position : absolute;}
.spacer {clear : both ; height : 13px}
.gauche {float : left ; width :31% ; ; margin-left : 0 ; text-align : left; }
.centre {float : left ; width : 33% ; margin-left : 2% ; text-align : left;}
.droite {float : right ; width : 31% ; margin-left : 0 ; text-align : left;}
.img_float { padding-right : 10px}
.bas {clear : both ; height : 10px; background-color : #ccc ; margin-top : 20px}
.bas2 {clear : both ; height : 13px; background-color : #ccc ; margin-top : 10px}
.top {margin : 10px 0 0 0}
.img_exo {width : 100% ; height : 150px; background-image : url(images/haut.jpg); margin : 10px 0 0 0}
h2 {
width : 100%; font-size : 14px ; padding : O ; margin : 10px 0 0 0}
p {text-indent : 20px ;
background-image : url(images/fleche.gif);
background-position : top left;
background-repeat : no-repeat;
text-align : justify;
line-height : 13px ; margin : 10px 0 0 0}
.liresuite {float : right; background-image : url(images/no.gif);}
a {color : #B0B211; text-decoration : underline}
.img_exo_002 {width : 100% ; height : 150px; background-image : url(images/0019.jpg); margin : 10px 0 0 0}
.img_exo_003 {width : 100% ; height : 150px; background-image : url(images/0020.jpg); margin : 10px 0 0 0}
.img_exo_004 {width : 100% ; height : 150px; background-image : url(images/0021.jpg); margin : 10px 0 0 0}
.img_exo_005 {width : 100% ; height : 150px; background-image : url(images/0022.jpg); margin : 10px 0 0 0}
.spacer {clear : both ; height : 13px}
- html:
<!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>
<title>kits graphique très fléxible et qui reste en place </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
<div id="haut"></div>
<div id="haut2"></div>
<div id="content">
<ul>
<li><a href="#">Index</a></li>
<li><a href="pages/images.html">Images</a></li>
<li><a href="pages/sites.html">Sites</a></li>
<li><a href="pages/photos.html">Photos</a></li>
<li><a href="pages/contact.html">Contact</a></li>
<li><a href="pages/unesourisetmoi.html">unesourisetmoi</a></li>
<li><a href="pages/page1.html">page1</a></li>
<li><a href="pages/page2.html">page2</a></li>
</ul>
<div class="expo"></div>
<div class="englobe">
<div class="gauche">
<h2>Index</h2>
<p>la bande du haut N°1 se commande par la ligne:</p>
<p>#haut {width : 100% ; background-color : #ccf; height : 10px; }</p>
<p>la bande du haut N°2 se commande par la ligne:</p>
<p>#haut {width : 100% ; background-color : #aaa; height : 100px; }</p>
<p>les liens du menu se commandent par les lignes :</p>
<p><ul><br />
<li><a href="#">Index</a></li><br />
<li><a href="#">Images</a></li><br />
<li><a href="#">Sites</a></li><br />
<li><a href="#">Photos</a></li><br />
<li><a href="#">Contact</a></li><br />
<li><a href="#">unesourisetmoi</a></li><br />
</ul></p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait
tibique pertinax quo. Et mea ornatus facilisis, cum legendos eleifend
consulatu et. Paulo nostrum tincidunt quo ut. Discere apeirian probatus
an sed, an albucius omittantur mea. Possim eloquentiam eos et. Idque putent
inermis te eos, te quidam dolorum expetendis est, tota summo semper sea
id.</p>
<div class="img_exo"></div>
<p>le retour à la igne entraine (commandé par css): p {text-indent
: 20px ;<br />
background-image : url(images/fleche.gif); <br />
background-position : top left;<br />
background-repeat : no-repeat; <br />
text-align : justify; <br />
line-height : 13px ; margin : 10px 0 0 0} et donne la flèche sur
le côté gauche</p>
<p>Ei esse dic</p>
<p>ta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique
pertinax quo. Et mea ornatus facilisis, cum legendos eleifend consulatu
et. Paulo nostrum tincidunt quo ut. Discere apeirian probatus an sed,
an albucius omittantur mea. Possim eloquentiam eos et. Idque putent inermis
te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
<h2>000 - 001</h2>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<div class="img_exo_002"></div>
<p>Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
</div>
<div class="centre">
<h2>001</h2>
<div class="img_exo_003"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. </p>
<p>Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<div class="img_exo_005"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
</div>
<div class="droite">
<h2>002</h2>
<p class="top">Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
<h2>004</h2>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<div class="img_exo_004"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
</div>
</div>
</div><div class="spacer"></div>
<div class="bas"></div>
</body>
</html>
----------- je compte sur vous comme dirait einstein !
@mitiés
bg
j'ai trouvé un 'modèle' dont je voudrais m'inspirer pour faire quelques modifs ... mais je tatonne sans arrêt et souvent sans grand résultat ... alors : SOS !!! je sais qu'ici il y a des "groses têtes" (c'est admiratif comme terme !)
serait-ce possible de me mettre à côté des lignes de codes leur signification ou utilité (en français svp) pour que cela permette d'accélérer mon travail GRAND MERCI A L' AVANCE !!!
voici les 2 fichiers dont je dispose:
un css et html:
- css:
html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
margin: 0;
padding: 0;
background-color : #fff;
text-align : center;
font-family : verdana;
font-size : 12px;
color : #000;
}
#haut {width : 100% ; background-color : #ccf; height : 10px; }
#haut2 {width : 100% ; background-color : #aaa; height : 100px; }
#content {
width :90%;
margin-left : auto;
margin-right : auto;
background-color : #fff;
border-top : 1px solid #fff;
height : 100%; }
html>body #content {height : auto; min-height : 100%; }
.expo {
margin-top : 0px ;
width : 100% ;
height : 150px;
background-image : url(images/haut.jpg)}
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 14px; }
li {float : left ; margin : 0 0 0 10px}
li a {color : #ccc; text-decoration : none}
li a:hover {color : #000; text-decoration : none}
.logo { margin-left : 70px ; margin-top : 0px; margin-right : 50px; position : absolute;}
.spacer {clear : both ; height : 13px}
.gauche {float : left ; width :31% ; ; margin-left : 0 ; text-align : left; }
.centre {float : left ; width : 33% ; margin-left : 2% ; text-align : left;}
.droite {float : right ; width : 31% ; margin-left : 0 ; text-align : left;}
.img_float { padding-right : 10px}
.bas {clear : both ; height : 10px; background-color : #ccc ; margin-top : 20px}
.bas2 {clear : both ; height : 13px; background-color : #ccc ; margin-top : 10px}
.top {margin : 10px 0 0 0}
.img_exo {width : 100% ; height : 150px; background-image : url(images/haut.jpg); margin : 10px 0 0 0}
h2 {
width : 100%; font-size : 14px ; padding : O ; margin : 10px 0 0 0}
p {text-indent : 20px ;
background-image : url(images/fleche.gif);
background-position : top left;
background-repeat : no-repeat;
text-align : justify;
line-height : 13px ; margin : 10px 0 0 0}
.liresuite {float : right; background-image : url(images/no.gif);}
a {color : #B0B211; text-decoration : underline}
.img_exo_002 {width : 100% ; height : 150px; background-image : url(images/0019.jpg); margin : 10px 0 0 0}
.img_exo_003 {width : 100% ; height : 150px; background-image : url(images/0020.jpg); margin : 10px 0 0 0}
.img_exo_004 {width : 100% ; height : 150px; background-image : url(images/0021.jpg); margin : 10px 0 0 0}
.img_exo_005 {width : 100% ; height : 150px; background-image : url(images/0022.jpg); margin : 10px 0 0 0}
.spacer {clear : both ; height : 13px}
- html:
<!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>
<title>kits graphique très fléxible et qui reste en place </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
<div id="haut"></div>
<div id="haut2"></div>
<div id="content">
<ul>
<li><a href="#">Index</a></li>
<li><a href="pages/images.html">Images</a></li>
<li><a href="pages/sites.html">Sites</a></li>
<li><a href="pages/photos.html">Photos</a></li>
<li><a href="pages/contact.html">Contact</a></li>
<li><a href="pages/unesourisetmoi.html">unesourisetmoi</a></li>
<li><a href="pages/page1.html">page1</a></li>
<li><a href="pages/page2.html">page2</a></li>
</ul>
<div class="expo"></div>
<div class="englobe">
<div class="gauche">
<h2>Index</h2>
<p>la bande du haut N°1 se commande par la ligne:</p>
<p>#haut {width : 100% ; background-color : #ccf; height : 10px; }</p>
<p>la bande du haut N°2 se commande par la ligne:</p>
<p>#haut {width : 100% ; background-color : #aaa; height : 100px; }</p>
<p>les liens du menu se commandent par les lignes :</p>
<p><ul><br />
<li><a href="#">Index</a></li><br />
<li><a href="#">Images</a></li><br />
<li><a href="#">Sites</a></li><br />
<li><a href="#">Photos</a></li><br />
<li><a href="#">Contact</a></li><br />
<li><a href="#">unesourisetmoi</a></li><br />
</ul></p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait
tibique pertinax quo. Et mea ornatus facilisis, cum legendos eleifend
consulatu et. Paulo nostrum tincidunt quo ut. Discere apeirian probatus
an sed, an albucius omittantur mea. Possim eloquentiam eos et. Idque putent
inermis te eos, te quidam dolorum expetendis est, tota summo semper sea
id.</p>
<div class="img_exo"></div>
<p>le retour à la igne entraine (commandé par css): p {text-indent
: 20px ;<br />
background-image : url(images/fleche.gif); <br />
background-position : top left;<br />
background-repeat : no-repeat; <br />
text-align : justify; <br />
line-height : 13px ; margin : 10px 0 0 0} et donne la flèche sur
le côté gauche</p>
<p>Ei esse dic</p>
<p>ta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique
pertinax quo. Et mea ornatus facilisis, cum legendos eleifend consulatu
et. Paulo nostrum tincidunt quo ut. Discere apeirian probatus an sed,
an albucius omittantur mea. Possim eloquentiam eos et. Idque putent inermis
te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
<h2>000 - 001</h2>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<div class="img_exo_002"></div>
<p>Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
</div>
<div class="centre">
<h2>001</h2>
<div class="img_exo_003"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. </p>
<p>Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<div class="img_exo_005"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
</div>
<div class="droite">
<h2>002</h2>
<p class="top">Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p class="liresuite"><a href="#">lire la suite</a></p>
<h2>004</h2>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et.</p>
<div class="img_exo_004"></div>
<p>Ei esse dicta epicuri sea. Dicant sanctus scripserit id usu, et feugait tibique pertinax quo.
Et mea ornatus facilisis, cum legendos eleifend consulatu et. Paulo nostrum tincidunt quo ut.
Discere apeirian probatus an sed, an albucius omittantur mea. Possim eloquentiam eos et.
Idque putent inermis te eos, te quidam dolorum expetendis est, tota summo semper sea id.</p>
</div>
</div>
</div><div class="spacer"></div>
<div class="bas"></div>
</body>
</html>
----------- je compte sur vous comme dirait einstein !
@mitiés
bg
A voir également:
- Webulle
- Editeur html - Télécharger - HTML
- Tiny tiny rss - Télécharger - Flux RSS
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
10 réponses
Slt bg62
Pour mettre un commentaire dans un fichier html rien de + simple.
La syntaxe est :
<!-- Ceci est un commentaire HTML -->
Et pour le fichier .css :
Un commentaire sur une seule ligne est précédé du double slash : //
Exemple :
//voici un commentaire
Un commentaire sur plusieurs lignes débute par /* et se termine par */
Exemple :
/* voici un exemple de commentaire sur
plusieurs lignes */
Note : les commentaires sur plusieurs lignes ne doivent pas être imbriqués.
Pour mettre un commentaire dans un fichier html rien de + simple.
La syntaxe est :
<!-- Ceci est un commentaire HTML -->
Et pour le fichier .css :
Un commentaire sur une seule ligne est précédé du double slash : //
Exemple :
//voici un commentaire
Un commentaire sur plusieurs lignes débute par /* et se termine par */
Exemple :
/* voici un exemple de commentaire sur
plusieurs lignes */
Note : les commentaires sur plusieurs lignes ne doivent pas être imbriqués.
Bjr
où as-tu trouvé ce code ? As-tu l'url ?
Parce qu'il est complexe point de vue CSS pour un résultat somme toute assez banal.
Par ex d'habitude qd on bricole la balise html en css c'est en général pour émuler la propriété position:fixed qui n'existe pas sous IE
Mais ici ce n'est pas la cas : rien n'est fixe.
Peut être le but est-il seulement d'avoir des pseudo-frames ?
N'en déplaisse aux puristes un simple tableau fait aussi bien l'affaire dans ce cas. C'est surtout beaucoup plus simple à comprendre et beaucoup plus intuitif même si ca ralentit l'affichage
Un ex de commentaires :
où as-tu trouvé ce code ? As-tu l'url ?
Parce qu'il est complexe point de vue CSS pour un résultat somme toute assez banal.
Par ex d'habitude qd on bricole la balise html en css c'est en général pour émuler la propriété position:fixed qui n'existe pas sous IE
Mais ici ce n'est pas la cas : rien n'est fixe.
Peut être le but est-il seulement d'avoir des pseudo-frames ?
N'en déplaisse aux puristes un simple tableau fait aussi bien l'affaire dans ce cas. C'est surtout beaucoup plus simple à comprendre et beaucoup plus intuitif même si ca ralentit l'affichage
Un ex de commentaires :
/* Définit le style pour les balises html et body */ html, body { margin: 0; /* Supprime les marges externes : dimension 0px */ padding: 0; /* Supprime les marges internes : dimension 0px */ height: 100% /* Hauteur de l'élément : 100% Ne sert à rien dans ce contexte ! */ }
Pour RSS, j'ai fait un petit tutoriel là:
http://www.sebsauvage.net/comprendre/rss/creer.html
http://www.sebsauvage.net/comprendre/rss/creer.html
bonjour
une seule réponse : "BRAVO CHAPEAU"
ça c'est clair !
... reste à savoir par pure curiosité pourquoi (sur mon site et j'ai vérifié la validation) les caractères accentués renvoient des messages d'erreur ?
... et en plus ... autant pour moi la rubrique ici devait s'appeler 'css et html' ... erreur de frappe mais qui me sert quand même
@mitiés
bg
une seule réponse : "BRAVO CHAPEAU"
ça c'est clair !
... reste à savoir par pure curiosité pourquoi (sur mon site et j'ai vérifié la validation) les caractères accentués renvoient des messages d'erreur ?
... et en plus ... autant pour moi la rubrique ici devait s'appeler 'css et html' ... erreur de frappe mais qui me sert quand même
@mitiés
bg
une seule réponse : "BRAVO CHAPEAU"
Merci :-)
les caractères accentués renvoient des messages d'erreur ?
Probablement parceque tu n'as pas indiqué l'encodage de ton texte au début du fichier XML.
Ou bien que l'encodage du texte ne correspond pas à l'encodage annoncé dans la balide <?xml ...>
Un article important à lire concernant l'encodage:
https://sebsauvage.net/python/charsets_et_encoding.html
Concrètement, comme je suppose que tu es sous Windows, ton fichier doit probablement être encodé en ISO-8859-1.
Il faut donc mettre au début de ton fichier XML/RSS:
<?xml version="1.0" encoding="ISO-8859-1"?>
Merci :-)
les caractères accentués renvoient des messages d'erreur ?
Probablement parceque tu n'as pas indiqué l'encodage de ton texte au début du fichier XML.
Ou bien que l'encodage du texte ne correspond pas à l'encodage annoncé dans la balide <?xml ...>
Un article important à lire concernant l'encodage:
https://sebsauvage.net/python/charsets_et_encoding.html
Concrètement, comme je suppose que tu es sous Windows, ton fichier doit probablement être encodé en ISO-8859-1.
Il faut donc mettre au début de ton fichier XML/RSS:
<?xml version="1.0" encoding="ISO-8859-1"?>
si j'ai bien compris dans le fichier *.xml on mets:
<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0">
<channel>
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="updates.xslt" ?>
<rss version="2.0">
<channel>
et cela va forcer l'affichage en 'clair' ???
_ _ _ _ si j'ai bien compris ... (il doit quand même y avoir dedondance de codes ?)
@mitiés
bg
<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0">
<channel>
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="updates.xslt" ?>
<rss version="2.0">
<channel>
et cela va forcer l'affichage en 'clair' ???
_ _ _ _ si j'ai bien compris ... (il doit quand même y avoir dedondance de codes ?)
@mitiés
bg
bonjour
pourriez-vous regarder :
css et html problemes de codes 2 sos
(particulièrement les trois derniers posts)
maxime_B ne semble plus être là et je suis de nouveau 'p e r d u' !
@mitiés
b g
pourriez-vous regarder :
css et html problemes de codes 2 sos
(particulièrement les trois derniers posts)
maxime_B ne semble plus être là et je suis de nouveau 'p e r d u' !
@mitiés
b g
<?xml ...> ne doit apparaître qu'une fois, tout au début du fichier XML.
re ...
alors je commence mon fichier par:
<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0">
<?xml-stylesheet type="text/xsl" href="updates.xslt" ?>
<channel>
<?xml version="1.0" encoding="ISO-8859-1"xml-stylesheet type="text/xsl" href="updates.xslt?>
<rss version="2.0">
<channel>
et cela va forcer l'affichage en 'clair' ???
_ _ _ _ si j'ai bien compris ... ou j'ai encore tout faux ?
le fichier 'updates.xslt' c'est un nom fixe et obligatoire ?
et il doit se trouver au même niveau que le fichier rss ?
@mitiés
b g
alors je commence mon fichier par:
<?xml version="1.0" encoding="ISO-8859-1"?>
<rss version="2.0">
<?xml-stylesheet type="text/xsl" href="updates.xslt" ?>
<channel>
<?xml version="1.0" encoding="ISO-8859-1"xml-stylesheet type="text/xsl" href="updates.xslt?>
<rss version="2.0">
<channel>
et cela va forcer l'affichage en 'clair' ???
_ _ _ _ si j'ai bien compris ... ou j'ai encore tout faux ?
le fichier 'updates.xslt' c'est un nom fixe et obligatoire ?
et il doit se trouver au même niveau que le fichier rss ?
@mitiés
b g
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Il ne doit pas y avoir 2 fois <?xml ...> dans ton fichier !
le fichier 'updates.xslt' c'est un nom fixe et obligatoire ?
Non tu peux mettre le nom que tu veux, du moment que tu indiques la référence vers ce fichier dans ton flux RSS.
Exemple: <?xml-stylesheet type="text/xsl" href="monstyle.xslt" ?>
et il doit se trouver au même niveau que le fichier rss ?
Pas obligatoirement, du moment que tu met le bon chemin.
Exemple: <?xml-stylesheet type="text/xsl" href="messtyles/monstyle.xslt" ?>
le fichier 'updates.xslt' c'est un nom fixe et obligatoire ?
Non tu peux mettre le nom que tu veux, du moment que tu indiques la référence vers ce fichier dans ton flux RSS.
Exemple: <?xml-stylesheet type="text/xsl" href="monstyle.xslt" ?>
et il doit se trouver au même niveau que le fichier rss ?
Pas obligatoirement, du moment que tu met le bon chemin.
Exemple: <?xml-stylesheet type="text/xsl" href="messtyles/monstyle.xslt" ?>
Non c'est pas bon.
ça doit être:
Et toujours faire valider par http://validator.w3.org/feed/
ça doit être:
<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/xsl" href="updates.xslt" ?> <rss version="2.0"> <channel> ...
Et toujours faire valider par http://validator.w3.org/feed/
webBulle comprend le format RSS 2.0.
Il ne devrait donc pas y avoir de problème.
Il ne devrait donc pas y avoir de problème.
alors ...
1 - j'ai corrigé et mis en ligne : http://www.unesourisetmoi.info/rss1.xml
CA MARCHE ! CHAPEAU !
ce n'est pas remis en ordre chronologique, mais je le ferai
restent deux choses : une image (le logo valid) qui ne s'affiche pas et lorsqu'on clique sur les liens >>> fenêtre 'popup' avec la barre de navig de google (mais là on ne doit pas pouvoir faire grand chose ?)
2 - pour WeBulle le problème reste le même que l'utre jour, je suis toujours coincé à l'affichage de quelques lignes uniquement ... vous deviez en parler à ... (?)
encore CHAPEAU BAS MOSSIEUR !
@mitiés
b g
1 - j'ai corrigé et mis en ligne : http://www.unesourisetmoi.info/rss1.xml
CA MARCHE ! CHAPEAU !
ce n'est pas remis en ordre chronologique, mais je le ferai
restent deux choses : une image (le logo valid) qui ne s'affiche pas et lorsqu'on clique sur les liens >>> fenêtre 'popup' avec la barre de navig de google (mais là on ne doit pas pouvoir faire grand chose ?)
2 - pour WeBulle le problème reste le même que l'utre jour, je suis toujours coincé à l'affichage de quelques lignes uniquement ... vous deviez en parler à ... (?)
encore CHAPEAU BAS MOSSIEUR !
@mitiés
b g
j'ai quand même un petit problème:
sur: http://validator.w3.org/feed/check.cgi?url=http://www.unesourisetmoi.info/rss1.xml
j'ai cette réponse:
"Your feed appears to be encoded as "ISO-8859-1", but your server is reporting "US-ASCII" "
comment faire ?
@mitiés
b g
sur: http://validator.w3.org/feed/check.cgi?url=http://www.unesourisetmoi.info/rss1.xml
j'ai cette réponse:
"Your feed appears to be encoded as "ISO-8859-1", but your server is reporting "US-ASCII" "
comment faire ?
@mitiés
b g
Tu peux copier-coller le contenu de ton fichier htaccess ici ?
hé oui je me suis planté !
voici le contenu:
<Files monflux.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
je devrais mettre:
<Files rss1.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
ou
<Files http://www.unesourisetmoi/rss1.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
???
heureusement qu'il y a des gens comme vous !
@mitiés
b g
voici le contenu:
<Files monflux.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
je devrais mettre:
<Files rss1.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
ou
<Files http://www.unesourisetmoi/rss1.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
???
heureusement qu'il y a des gens comme vous !
@mitiés
b g
<Files rss1.xml>
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
oui, et place ce fichier dans le même répertoire que rss1.xml
Attention à ce que le fichier s'appelle bien .htaccess
(Le nom doit commencer par un point).
AddCharset ISO-8859-1 .xml
AddType text/xml .xml
</Files>
oui, et place ce fichier dans le même répertoire que rss1.xml
Attention à ce que le fichier s'appelle bien .htaccess
(Le nom doit commencer par un point).
Effectivement ton serveur renvoie bien le type MIME text/xml (ça, c'est bon), mais il ne renvoie pas l'encodage.
Il renvoie:
Content-Type=text/xml
Alors qu'il devrait renvoyer:
Content-Type=text/xml; charset=iso-8859-1
Il doit y a avoir une merdouille dans ton fichier .htaccess
Essai de le re-créer.
j'ai aussi téléchargé et mis en ligne leur logo et toujours pas affiché !
ça c'est normal: ton fichier xlst n'a pas non plus le bon type MIME.
Il faut également l'ajouter au fichier .htaccess
Firefox me dit:
"Error loading stylesheet: An XSLT stylesheet does not have an XML mimetype:https://www.unesourisetmoi.info/traduitrss.xslt"
Il renvoie:
Content-Type=text/xml
Alors qu'il devrait renvoyer:
Content-Type=text/xml; charset=iso-8859-1
Il doit y a avoir une merdouille dans ton fichier .htaccess
Essai de le re-créer.
j'ai aussi téléchargé et mis en ligne leur logo et toujours pas affiché !
ça c'est normal: ton fichier xlst n'a pas non plus le bon type MIME.
Il faut également l'ajouter au fichier .htaccess
Firefox me dit:
"Error loading stylesheet: An XSLT stylesheet does not have an XML mimetype:https://www.unesourisetmoi.info/traduitrss.xslt"
bonjour et mille excuses : rien pu faire ! france télécom a 'merdé' complètement et les connexions ne sot rétablies que depuis ce matin (mardi !)
finalement:
1 - j'ai essayé avec rssreader et il lit sans les problèmes rencontrés par webulle
2 - pour l'affichage du fichier rien à faire (?) ou dois-je poser la question à mon hébergeur ? (savoir encore s'ils peuvent me répondre) mais je puis toujours essayer !
@mitiés
b g
finalement:
1 - j'ai essayé avec rssreader et il lit sans les problèmes rencontrés par webulle
2 - pour l'affichage du fichier rien à faire (?) ou dois-je poser la question à mon hébergeur ? (savoir encore s'ils peuvent me répondre) mais je puis toujours essayer !
@mitiés
b g
Pour l'affichage, c'est peut-être parceque ton hébergeur n'utilise pas Apache (.htaccess sont des fichiers de configuration Apache).
Voir avec ton hébergeur comment donner au serveur web les directives Content-Type=text/xml; charset=iso-8859-1
Voir avec ton hébergeur comment donner au serveur web les directives Content-Type=text/xml; charset=iso-8859-1
je viens de lancer un autre 'sos' :
css et html problemes de codes 2 sos
et j'ai mis le 'brouillon' en ligne à cette adresse:
http://unesourisetmoi.chez-alice.fr/travail3/pages/conseils-techniques.html
entrée du "projet" :
http://unesourisetmoi.chez-alice.fr/travail3/
... et je me suis serci de webglobber ça se voit et ça fait super effet !
pourriez-vous regarder cette question ?
merci à l'avance
@mitiés
bg
css et html problemes de codes 2 sos
et j'ai mis le 'brouillon' en ligne à cette adresse:
http://unesourisetmoi.chez-alice.fr/travail3/pages/conseils-techniques.html
entrée du "projet" :
http://unesourisetmoi.chez-alice.fr/travail3/
... et je me suis serci de webglobber ça se voit et ça fait super effet !
pourriez-vous regarder cette question ?
merci à l'avance
@mitiés
bg
bonjour et voici la réponse:
Veuillez nous excuser pour le retard de traitement de votre message.
Malheureusement, nous ne pouvons apporter de support sur la conformité
de votre site avec la norme W3c au niveau du support de 1&1 Internet.
Pour de plus amples renseignements, n'hésitez pas à nous recontacter.
Cordialement
Damien
Votre équipe 1&1 Support France
1&1 Internet SARL
avec ça .... ???
@mitiés
b g
Veuillez nous excuser pour le retard de traitement de votre message.
Malheureusement, nous ne pouvons apporter de support sur la conformité
de votre site avec la norme W3c au niveau du support de 1&1 Internet.
Pour de plus amples renseignements, n'hésitez pas à nous recontacter.
Cordialement
Damien
Votre équipe 1&1 Support France
1&1 Internet SARL
avec ça .... ???
@mitiés
b g
ce que je cherche en plus c'est d'avoir des commentaires inscrits de ces manières sur les lignes de codes que j'ai postées car pour certaines ... je ne comprend pas leur fonction !
@mitiés
b g