Mise en page d'un poème

**Roland Chastain** · 08/03/2013, 16h19

Bonjour !

J'essaie de mettre en page un poème. Les strophes doivent être centrées, mais le texte aligné à gauche. La méthode que j'ai essayée est d'augmenter les marges jusqu'à avoir à peu près ce que je veux, mais je pense que la méthode n'est pas bonne parce qu'elle dépend de la dimension de l'écran et aussi de la taille de la police.

Voici ce que j'ai fait. Pouvez-vous m'aider à l'améliorer ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>
<title>Ballade des pendus</title>
<!-- Œuvres complètes de François Villon, Alphonse Lemerre, 1873. -->
</head>
<body marginwidth="300"marginheight="10"bgcolor="#f5f5dc">
<font color="#444444"face="Courier"size="2">
<h2 align="center">L'EPITAPHE</h2>
<h3 align="center">EN FORME DE BALLADE</h3>
<h5 align="center">Que feit Villon pour luy et ses compagnons, s'attendant estre pendu avec eulx.</h5>
<p>
Frères humains, qui après nous vivez,<br>
N'ayez les cueurs contre nous endurciz,<br>
Car, si pitié de nous pouvres avez,<br>
Dieu en aura plustost de vous merciz.<br>
Vous nous voyez cy attachez cinq, six :<br>
Quant de la chair, que nous avons nourrie,<br>
Elle est pieça dévorée et pourrie,<br>
Et nous, les os, devenons cendre et pouldre.<br>
De nostre mal personne ne s'en rie,<br>
Mais priez Dieu que tous nous vueille absouldre !<br>
</p>
<p>
Se vous clamons, frères, pas n'en devez<br>
Avoir desdaing, quoyque fusmes occis<br>
Par justice. Toutesfois, vous sçavez<br>
Que tous les hommes n'ont pas bon sens assis ;<br>
Intercédez doncques, de cueur rassis,<br>
Envers le Filz de la Vierge Marie,<br>
Que sa grace ne soit pour nous tarie,<br>
Nous préservant de l'infernale fouldre.<br>
Nous sommes morts, ame ne nous harie ;<br>
Mais priez Dieu que tous nous vueille absouldre !<br>
</p>
<p>
La pluye nous a debuez et lavez,<br>
Et le soleil dessechez et noirciz ;<br>
Pies, corbeaux, nous ont les yeux cavés,<br>
Et arrachez la barbe et les sourcilz.<br>
Jamais, nul temps, nous ne sommes rassis ;<br>
Puis çà, puis là, comme le vent varie,<br>
A son plaisir sans cesser nous charie,<br>
Plus becquetez d'oyseaulx que dez à coudre.<br>
Ne soyez donc de nostre confrairie,<br>
Mais priez Dieu que tous nous vueille absoudre !<br>
</p>
<h3 align="center">
ENVOI.
</h3>
<p>
Prince JESUS, qui sur tous seigneurie,<br>
Garde qu'Enfer n'ayt de nous la maistrie :<br>
A luy n'ayons que faire ne que souldre.<br>
Hommes, icy n'usez de mocquerie<br>
Mais priez Dieu que tous nous vueille absouldre !<br>
</p>
</font>
</body>
</html>

**Torgar** · 08/03/2013, 16h32

Salut,

Soit tu mets un tag HTML4 et tu mets le doctype correspondant, soit tu mets une tag HTML5 puisque tu mets un doctype HTML5.

Ceci étant, <font> est dépréciée depuis HTML4, donc à supprimer et remplacer par autre chose (<p> par exemple).

Idem, il est conseillé de passer par une feuille de style CSS pour la mise en forme et non par les attribut HTML dont certains sont dépréciés également.

Pour le centrage d’élément de type block il faut définit une largeur et une marge automatique à droite et à gauche.

Donc :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part