Archives du mot-clé CSS

Les exposants dans un epub

D’un modèle de liseuse à l’autre, les exposants n’apparaîtront pas de la même manière : plus haut, plus gros, plus petits que voulu selon les cas.

Il y a plusieurs façon d’appliquer un style à un exposant.

Le plus simple est d’utiliser le tag HTML <sup>, qui est compris universellement. Dans la pratique, pourtant, le e de 21e siècle ou le er de 1er bouscule souvent l’interlignage du paragraphe à l’endroit où il se trouve.

Pour éviter cela, mais aussi pour obtenir un rapport de proportions et un positionnement plus harmonieux de l’exposant, mieux vaut créer un style CSS spécifique pour traiter les exposants. Les exemples ci-dessous sont suivis du style appliqué :

Xesiècle Simple balise <sup> non stylée

Xesiècle font-size:66%; vertical-align:super

Xesiècle font-size:66%; vertical-align:top

Xesiècle vertical-align : top; font-size : 0.66em; line-height : 100%;

Xesiècle vertical-align : top; font-size : 0.66em; line-height : 20%;

Xesiècle vertical-align : super; font-size : 0.8em; line-height : 100%;

Xesiècle font-size: 0.8em; vertical-align: baseline;position: relative; bottom: 0.6em;

Problème : les styles ci-dessus, qui fonctionnent parfaitement dans un navigateur ou sous Sigil, ne passent pas tous sous ADE ni sur Kindle Previewer, comme le montrent les captures d’écran ci-dessous :

 

Kindle Previewer exposants

Le rendu des exposants sous Kindle

ADE exposants

Le rendu des exposants sous ADE

Conclusion : Il est nécessaire de tester sur plusieurs supports, plusieurs modèles de liseuses ou de tablettes.

L’outil de validation des fichiers epub : epubcheck

Sous Sigil, la vérification de votre fichier epub avec Flight Crew, la petite coche verte en haut à droite de votre barre d’outil (ou F7), détectera la plupart des problèmes. Mais elle n’est pas exempte d’oublis, comme on le verra plus bas. Malgré le message “Aucun problème trouvé !”, le fichier epub présente des erreurs qui, elles, seront détectées par epubcheck. Cette validation constitue une étape indispensable avant d’uploader vos ebooks sur une plateforme de distribution (librairie numérique).

Si vous êtes sous Windows, vous pouvez créer un petit fichier de commande .bat avec le code ci-dessous pour y glisser-déposer les fichiers epubs dont vous souhaitez valider le contenu. Assurez-vous que l’emplacement du fichier epubcheck-3.0-RC-1.jar correspond bien au chemin_de_epubcheck dans le code ci-dessous :

@ECHO ON
java -jar C:\chemin_de_epubcheck\epubcheck-3.0-RC-1.jar %1 2>  C:\Users\%USERNAME%\Desktop\fichierlog.txt
pause

Vous pouvez également télécharger une version (en français s’il vous plaît) disposant d’une interface graphique, epub-checker.

 

Glisser déposer le fichier epub à valider avec epubcheck

Glisser déposer le fichier epub à valider avec epubcheck

 

Si votre fichier epub n’est pas conforme au standard de l’IDPF (autrement dit, qu’il contient des erreurs), un fichier journal détaillant les erreurs sera généré sur le bureau :

Epubcheck détecte une erreur passée inapercue sous Sigil

Epubcheck détecte une erreur passée inapercue sous Sigil

 

Vous voyez que epubcheck détecte l’absence d’une balise-ancre ; Sigil ne l’a pas repéré.

Validation réussie

Validation réussie

Si la validation est positive, la fenêtre de commande renvoie le message ci-dessus.

À suivre : Petit topo sur les messages d’erreur délivrés par la validation epubcheck, et comment y remédier.

À bientôt !