Ca ne débordera plus dans le pre ! (jeu de mot navrant)

Combien de fois on peut se prendre le front ou se gratter le menton pendant des heures sans piger vraiment le pourquoi du comment des réactions de css...
Un peu comme si on n'avait pas le droit d'avoir les avantages d'une balise sans ses inconvénients .

La balise <pre> est de celles-là: servant surtout à présenter des portions de code dans le navigateur afin de les rendre plus lisibles, on se heurtait au problème de la ligne interminable qui dépasse au lieu de se couper proprement (saleté)

Voilà la solution et pis cross browser en plus.

pre { 
    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+ */</span>
 }


Merci qui ?


Ben merci Perishablepress.com qui a publié l'astuce que tu nous refiles si gentiment

Ha? parce que tu sais lire toi, dorénavant ?
Fais gaffe à pas devenir intelligent en plus...

❝ 4 commentaires ❞

1  JeromeJ le

T'as mis ça dans auto css ? :p


Tiens pourquoi ce subit retournement de direction des commentaires ? (le dernier posté apparaissant maintenant en premier)

 
2  Bronco le

La vache t'as l'oeil, toi oui, en effet, je l'ai mis dans auto_css...


Pour les comms, je trouve plus agréable d'avoir les derniers en premier... (ça économise ma roulette de souris)
T'as vu que j'ai mis une page contact ?

 
3  JeromeJ le

Moi je trouve ça perturbant lol, t'as qu'à hold the spacebar pour allez tout en bas feignasse :)


Kaoul la page de contact :o
Tant que j'y suis, t'sais si tu veux tu peux rajouter des trucs chiants HTML5 sur tes champs :D
Chiant pour celui qui a envie d'essayer de troll le serveur (qui lui est protégé de tout façon … normalement), chiant car là son navigateur va le faire chier avant même de t'envoyer les données \o/


Lol plus sérieusement, ce sont quelques petites modifs/ajouts sympas:



  • type="email" forcera l'entré d'une adresse email valide (dans son format en tout cas)

  • required empêchera l'envois si le champ est pas rempli ^-^


Mais bon c'est superflu quoi

 
4  Bronco le

Hinhin oui, je connais les nouveaux attributs de HTML5 ;) Ceci dit, cette page de contact est un plugin officieux de pluxml, et je n'ai pas mis les doigts dedans (pas encore )
Mais c'est vrai que ça vaudra le coup de le faire ;)

 

Fil RSS des commentaires de cet article

✍ Écrire un commentaire

les commentaires relevant du SPAM seront filtrés et dégagés direct...

Quelle est le quatrième caractère du mot g5dxf ?