salut à tous

J'essaye d'adapter un mini tuto du sdz que j'ai fait et j'ai un problème car le texte dépasse vers la droite quand je met du code sans espaces (voir ici).
Ce sont les parties en bleu dont le code est :


Voici le css correspondant à la class code :


J'ai essayé l'overflow, ça ne fait pas ce que je veux. Je veux que si la ligne de texte est trop longue, elle passe à la ligne. Et c'est possible puisque sur le site du zero ca marche : voir le même tuto sur le site du sdz

merci d'avance pour votre aide !

Tente de donner une taille à ta div code

non ca marche pas, ca réduit juste la couleur, pas le texte...

Bonjour,

Si tu veux que le texte passse automatiquement à la ligne, enlève simplement tes balises <pre> </pre> qui entourent chacun de tes blocs de classe "code".

Si tu veux plus d'information sur la balise pre tu peux par exemple aller faire un tour ici (par exemple).

argh tu es sûr ? parce que c'est geshi qui la met la balise pre...je ne crois pas que je puisse l'enlever comme ca...

Bah la balise pre sert à afficher du texte tel quel. Alors tu peux bidouiller, tu coupes ton texte en 2.

ouai mais non c'est pas la bonne solution vu que je parse un fichier xml que je ne modifie pas directement...

Je voudrais bien savoir comment ils font sur le sdz ? geshi ou autre?

alors personne a une idée ? parce que je veux faire exactement comme sur le sdz...

Bonjour,
Moi je ne sais pas ce qu'ils font dans le SDZ.
Mais je pense que tu devrais creuser la suppression des balises pre.

En php, ou en javascript par exemple tu peux très simplement supprimer ces balises par exemple avec la fonction str_replace.

Si tu peux utiliser le php voila ce que tu peux faire par exemple :

si je remplace la balise pre, le code se met n'importe comment et c'est encore plus moche

pour l'instant je laisse le scroll, mais c'est bizarre quand même...