Ajout d'un exemple de section normale + gestion du son
authorPatrick PIERRE <patrick.pierre@prismallia.fr>
dim., 27 mai 2012 12:47:54 +0200
changeset 108 f8bc5e00b17f
parent 107 7dd0c60e1ccb
child 109 78dceeeda33a
Ajout d'un exemple de section normale + gestion du son
RelaxNG/Examples/Documents/torture_test.xml
Xxe/Css/publidoc.css
Xxe/Css/publiquiz.css
--- a/RelaxNG/Examples/Documents/torture_test.xml	sam. mai 26 07:40:53 2012 +0200
+++ b/RelaxNG/Examples/Documents/torture_test.xml	dim. mai 27 12:47:54 2012 +0200
@@ -77,6 +77,38 @@
         <head>
           <title>Les types de section</title>
         </head>
+        <section>
+          <head>
+            <title>Section normale</title>
+          </head>
+          <section>
+            <p>Il dirigea la pointe du bambou vers le tableau noir.</p>
+            <p>« Eh bien, lis. »</p>
+            <p>Je lus la phrase à haute voix.</p>
+            <p>Alors, il alla prendre un abécédaire, et je lus sans difficulté
+            plusieurs pages…</p>
+            <p>Je crois qu'il eut ce jour-là la plus grande joie de sa vie.</p>
+            <p>Lorsque ma mère survint, elle me trouva au milieu des quatre
+            instituteurs, qui avaient renvoyé leurs élèves dans la cour de
+            récréation, et qui m'entendaient déchiffrer lentement l'histoire du
+            Petit Poucet… Mais au lieu d'admirer cet exploit, elle pâlit,
+            déposa ses paquets par terre, referma le livre, et m'emporta dans
+            ses bras, en disant : « Mon Dieu! mon Dieu !… »</p>
+            <p>Sur la porte de la classe, il y avait la concierge, qui était
+            une vieille femme corse : elle faisait des signes de croix. J'ai su
+            plus tard que c'était elle qui était allée chercher ma mère, en
+            l'assurant que « ces messieurs » allaient me faire « éclater le
+            cerveau ».</p>
+          </section>
+          <section>
+            <p>À table, mon père affirma qu'il s'agissait de superstitions
+            ridicules, que je n'avais fourni aucun effort, que j'avais appris à
+            lire comme un perroquet apprend à parler, et qu'il ne s'en était
+            même pas aperçu. Ma mère ne fut pas convaincue, et de temps à autre
+            elle posait sa main fraîche sur mon front et me demandait : « Tu
+            n'as pas mal à la tête ? »</p>
+          </section>
+        </section>
         <section type="box">
           <head>
             <title>Encadré</title>
--- a/Xxe/Css/publidoc.css	sam. mai 26 07:40:53 2012 +0200
+++ b/Xxe/Css/publidoc.css	dim. mai 27 12:47:54 2012 +0200
@@ -420,23 +420,42 @@
 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 media {
-  text-align: center;
+  margin-top: .5em;
+  margin-bottom: 1em;
+  padding: 10px;
+  border: 1px dashed #7f7f7f;
+}
+
+media image, media audio {
+  display: block;
+  color: #7f7f7f;
+  font-family: sans-serif;
+}
+media image:after, media audio:after {
+  content: " " insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
 }
 
 image {
-  display: block;
-  margin: .5em;
-  content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
+  content: concatenate("image('Images/", attr(id), ".png', -64, -64, smooth)");
+  vertical-align: middle;
+}
+media image {
+  content: "Image : "
+           concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)");
+}
+
+media audio {
+  content: "Audio : " text-field(attribute, id, color, black);
 }
 
 caption {
   font-style: italic;
   font-size: 93%;
 }
+caption:after {
+  content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc));
+}
 
-audio {
-    content: attr(id);
-}
 
 /* Inline level ============================================================ */
 
--- a/Xxe/Css/publiquiz.css	sam. mai 26 07:40:53 2012 +0200
+++ b/Xxe/Css/publiquiz.css	dim. mai 27 12:47:54 2012 +0200
@@ -334,7 +334,7 @@
   margin-left: 52px;
 }
 choices-check > right, choices-check > wrong {
-  margin-left: 56px;
+  margin-left: 60px;
 }
 
 /* blanks.wrongs ~~~~~~~~~~~~~~~~~~~ */