tag <pre>

[Utilisateur supprimé] · février 2014

Bonjour,

Je test la V5.3 et je rencontre un pb avec la balise <pre>.
Je suis tenu de tenu d'utiliser la balise <br/> pour obtenir des retours à la ligne lors de la rédaction d'un article .......

Qq1 aurait il une piste sur ce pb?

Merci bien

Christian

Stéphane · février 2014

Bonjour

Qu'est-ce qu'il y a dans la feuille de style de ton thème pour la balise pre ?

[Utilisateur supprimé] · février 2014

Et bien rien de particulier Stephane

il s'agit de la feuille de style par défaut.

exemple de contenu:

[== Indéfini ==]
<pre>

TEST
hkjhkjh
aaaa
bbbb
zzzz
</pre>

l'inspection de l'élément:

feuille de style de l’agent utilisateur

pre, xmp, plaintext, listing {
display: block;
[del]font-family: monospace;
white-space: pre;[/del]
margin: 1em 0px;
}

bazooka07 · février 2014

Quand il y a plusieurs feuilles de style, cela devient la galère pour connaitre celle qui a le dernier mot.
J'utilise Firefox et en frappant les touches majuscules-F2, il y a un outil de développement qui apparait en bas de fenêtre.
Cliquez ensuite sur la clé en bas à droite pour ouvrir un 2ème volet et choisir l'inspecteur pour trouver le coupable. utiliser le carré avec la flèche à gauche, aussi. C'est un outil très pratique pour régler les feuilles de style.

Sinon dans un terminal, on peut taper:
grep -B5 -n pre themes/perso/css/*

vers la ligne 86, il y a un "white-space: nowrap" qui met la pagaille avec les balises <pre>
Dans la feuille de thème, faire "white-space: pre" pour les balises <pre>.
Il y d'autres valeurs possibles comme indiqué ici

[Utilisateur supprimé] · février 2014

Effectivement c'est souvent la galère d'identifier qui a le dernier mot en css ... cascades multiples, et comme indiqué dans mon message
white-space: pre est inhibé. Dans l'immédiat je force le style dans l'article.

Merci pour le lien w3c.

Jerry Wham · février 2014

Personnellement, voici ce que j'ai mis dans la feuille reset.css car j'avais aussi des problèmes :

pre,
samp,
kbd {
	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace;
	hyphens: none;
	overflow: auto;
	padding: 5px 10px;
	border: 1px solid #ddd;
        color:#fff;
        background: #333;
  
        white-space: pre;           /* CSS 2.0 */
        white-space: pre-wrap;      /* CSS 2.1 */
        /*white-space: pre-line; */     /* CSS 3.0 */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -hp-pre-wrap;  /* HP Printers */
        word-wrap: break-word;      /* IE 5+ */
        text-indent:0;
}
code {
	padding: 5px 10px;
	text-indent:0;
}
pre code {
	padding-left:0;
}
pre code em {
	font-style:italic;
}

J'ai commenté le white-space: pre-line; car il fout le bronks.

[Utilisateur supprimé] · février 2014

oki correction apporté dans feuille reset.css ça roule

tag <pre>

Réponses