Rss et html : commentaire (en français) svp !

Ils ont besoin de votre aide

10:02 formatage recupération fichier exel... (Windows)
10:02 comment téléchargté vidéo (Vidéo numérique)
10:02 problème d'allumage (Matériel/Hardware)
10:01 Supprimer du demarrage (pas si simple) (Windows)
10:01 exposition dessin infographié (Infographie/Photo)
10:00 plus de sons l (Windows)
10:00 ouvrir un fichier excel (Programmation)
09:58 eclipse Acces à distance (Programmation)
09:58 Problème d'encodage de répertoire... (Linux/Unix)
09:58 cherche projet en java (Programmation)

Mises à jour de logiciels

09:13 MAJ - PicLens (1.6.3.2361)

Les règles à respecter

	Réserver un accueil cordial aux nouveaux utilisateurs.
	Poster son message dans le thème le plus approprié.
	Respecter la législation en vigueur.
	Faire usage de formule de politesse et échanger avec courtoisie.
	Ne pas poster de message à vocation commerciale.
	Rédiger les messages dans un langage clair sans abréviations, style télégraphique ou mode SMS
	Le cas échéant, expliquer de manière pédagogique les règles du forum

Lire le texte complet de la charte

Avis de la communauté

08:44 ASUS A7SV-7S115C Intel Core 2 Duo T8300 (waoo40)
04:07 Canon Digital IXUS 40 Silver (Judex)
15/05 CANON Canon Powershot A 570is... (sabochon)
15/05 Nvidia GeForce 8800 GTX 768 Mo DDR3 (dofrebzh22)
15/05 Apple iPod Touch 8 Go Black (af003)
15/05 Mio C230 (nainconnu)
15/05 Microsoft Windows Vista Ultimate (Homerjaysimpson)
15/05 Sony Vaio VGN-FZ21M Intel Core 2 Duo (marcouninet)
15/05 Microsoft Windows Vista Ultimate (JayFabouille)
15/05 Heroes of Might and Magic 3 : Complete (Shannow)

Autres avis

Avis / Logiciels

Autres avis

Plateformes d'assistance

	Windows
	Linux/Unix
	MacOS
	Matériel/Hardware
	Logiciels/Pilotes
	Bureautique

	Jeux vidéos
	Audio numérique
	Infographie/Photo
	Vidéo numérique
	Gravure
	Téléphonie/PDA/GPS

	Programmation
	Webmastering
	Réseaux
	Internet
	Messagerie/Chat
	Virus/Sécurité

Discussions & Opinions des Communautés

	Actualités
	Etudes/Formation
	Droit/Libertés

	Cinéma/Télé
	Musique/Radio
	Loisirs/Divertissement

	Suggestions
	Café des membres

Messages sans réponse Statistiques Posez votre question

rss et html : commentaire (en français) svp !
par

bg62

Statut :
samedi 17 juin 2006 à 11:10:53

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

Répondre à bg62 Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

Wardog, le samedi 17 juin 2006 à 19:38:21

Slt bg62

Pour mettre un commentaire dans un fichier html rien de + simple.
La syntaxe est :



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.

Répondre à Wardog

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le dimanche 18 juin 2006 à 09:53:07

grand merci pour ces différentes 'synthaxes'
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

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

PhP, le dimanche 18 juin 2006 à 10:43:48

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 :

 /* 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  ! */
}

PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...

Répondre à PhP

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 07:40:21

ok grand merci
vais donc essayer ... mais si je mets ces lignes ...lesquelles dois-je supprimer ???
@mitiés
bg

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 10:29:17

Pour RSS, j'ai fait un petit tutoriel là:
http://www.sebsauvage.net/comprendre/rss/creer.html

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 12:21:02

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

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 12:29:28

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:
http://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"?>

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 14:58:18

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

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le mercredi 28 juin 2006 à 16:45:50

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

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le mercredi 28 juin 2006 à 16:59:48

Désolé je n'ai pas le temps de déboguer du CSS... et de toute façon je ne suis pas un crack du CSS. :-.

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 15:18:51

<?xml ...> ne doit apparaître qu'une fois, tout au début du fichier XML.

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 15:50:01

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

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 16:06:12

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" ?>

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 16:34:01

dur dur ... (pour moi !)
alors je mets ceci:
<?xml version="1.0" encoding="ISO-8859-1"xml-stylesheet type="text/xsl" href="monfichier.xslt?>
<rss version="2.0">
<channel>
en tête du fichier monfichier.xml

je suis bon ou c'est encore ... non ?
@mitiés
b g

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 16:43:08

Non c'est pas bon.

ç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/

Répondre à sebsauvage

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

bg62, le lundi 19 juin 2006 à 17:06:03

merci
je vais essayer de voir cela à tête reposée
et le mettre en ligne pour voir ce que ça donne
avec ce sytème y-aura-t-il encore les problèmes que je rencontre avec WeBulle ? je pense que oui puisque ce n'est pas la même chose
@mitiés
b g

Répondre à bg62

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Par

sebsauvage, le lundi 19 juin 2006 à 17:15:41

webBulle comprend le format RSS 2.0.
Il ne devrait donc pas y avoir de problème.