28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me suis mis au XHTML il y a quelque temps, dans le but de créer une version en ligne de mon livre (Linux aux petits oignons, publié chez Eyrolles). Pour la rédaction initiale du livre, l'éditeur m'a fourni une feuille de style (modèle) OpenOffice, et j'essaie donc de trouver un équivalent CSS pour chacun des styles employés. Jusqu'ici ça se présente plutôt pas mal (http://www.microlinux.fr/linux_aux_petits_oignons/chapitre_1_03.html pour donner une idée), mais là j'ai un petit souci.

Le livre contient pas mal de code. Pour représenter des listings, l'éditeur fournit essentiellement deux styles:

- le style de paragraphe 'Code'
- le style de caractère 'CodeExergue'

Admettons que j'aie le listing suivant :

[kikinovak@babasse:~] $ cat /etc/resolv.conf
nameserver 127.0.0.1

[kikinovak@babasse:~] $

Là, je voudrais bien :

- que tout apparaisse dans une police à chasse fixe (Courier, Monospace, ...)
- que la commande 'cat /etc/resolv.conf' se distingue du reste (par exemple par un style gras, la couleur rouge ou verte, etcetera).

J'ai songé à la balise <pre>, qui semble bien conçue pour cela. En plus, je risque d'avoir des caractères genre < ou > ou & dans mes listings, et si j'ai bien compris, <pre> m'évitera que ces caractères soient interprétés. En contrepartie, comment faire alors pour identifier la portion de code en exergue (par exemple avec un <span class="commande">cat /etc/resolv.conf</span> ?

Quelqu'un a une suggestion?
Salut,

Si c'est une mise en gras ou en couleur pour mettre en valeur des informations, pourquoi ne pas tout simplement utiliser la balise <strong> ?
Bingo! Mais en fait, j'avais pensé que l'utilisation de <pre> avait pour conséquence qu'on ne pouvait plus utiliser de balises du tout entre <pre> et </pre>, c'est-à-dire qu'elles seraient affichées telles quelles sans être interprétées. Comme disait ma vieille voisine, j'ai été "enduit d'erreur".

Merci.