tag <pre>

[Utilisateur supprimé]

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

Bonjour

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

[Utilisateur supprimé]

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

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é]

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

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é]

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