Bonjour
Images en arrière-plan.
C'est une question qui m'a été posée il y a quelque temps. Il y a une réponse directe avec Sigil, à partir de l'utilisation de l'argument
float:none.
L'objectif était de créer un catalogue d'images. Les images elles-mêmes sont placées en arrière-plan (en pleine page), avec un texte en surimpression, ce qui facilite les modifications et/ou recherches ultérieures.
Mode d'emploi.
Une fois que les images ont été insérées (peu importe la façon),
ouvrez le fichier EPUB avec Sigil:
- placez chaque image dans un container
div ayant la classe
bg
- A l'intérieur de l'image, rajoutez la classe
background:
Ce qui apparaît ainsi dans le code xhtml (voir
flèches rouges).
Dans la feuille de style CSS, inscrire:
Code:
.bg {float:none;width:auto; }
.background { float:none;height:0cm;text-align:left;}
L'EPUB test joint s'affiche correctement sur Kobo, calibre, ADE 1.7 et bien sûr Sigil.
NB1 - Cette technique est déjà mise en œuvre sur un convertisseur Windows (Amanuensis). Il ne s'agit ici que d'un exemple brut. Il est recommandé par ailleurs d'utiliser un
wrapper SVG (voir plus bas).
NB2 - Bien que l'image reste en arrière-plan, il ne s'agit pas ici de la fonction CSS nommée
background - d'un usage d'ailleurs plus complexe. Bref, c'est de l'arrière-plan sans être du background...
Ajouter un wrapper SVG
Là aussi il y a un moyen direct et simple avec Sigil 0.7.2. en utilisant le menu
Outils/Ajouter une couverture.
En cas de besoin, déplacez le code créé. Autres précisions sur le manuel Sigil.