Comment réaliser une zone variable de texte ?

Par diabolo_42, il y a 15 ans


Les bases HTML/CSS

Comment réaliser une zone variable de texte (par exemple les commentaires postés par les internautes sur un tutoriel) avec un fond (sur ton site, c'est en beige plus foncé que le fond du body) qui varie selon la longueur du texte ?

6 réponses

elscorto, il y a 15 ans

Bonjour, c'est dans la balise <textarea> tu peux rajouter les attribut rows et cols qui te permet de définir la taille de ta zone de texte

par exemple :

<textarea id="message" cols="50" rows="10"></textarea>

Pour l'image, je pense que c'est en css, avec la propriété background

#message{background: url('ton_image') top left no-repeat}
diabolo_42, il y a 15 ans

Oui, je suis d'accord, mais ceci permet d'avoir une taille fixe, et un textearea s'utilise dans un formulaire. Je parlais des différents commentaire que l'on peut trouver sur http://www.grafikart.fr/tutoriels/tchat-jquery-ajax-php-82
plusieurs personnes ont poster un commentaire, mais chacun ont une taille différente à l'affichage. comment est-ce réalisable ?

Badbart, il y a 15 ans

C'est juste une div avec hauteur variable. Le fond a une couleur unie en l'occurrence #E1D0B0 ici, avec des images en haut et bas pour faire les arrondies des coins.
Suffit de regarder le code source.

Grafikart, il y a 15 ans

Badbart donne la bonne solution. Je rajouterais un truc en plus. En ne précisant aucune valeur à la hauteur de ton élément il prendra automatiquement la hauteur du contenu et s'adaptera donc :)

diabolo_42, il y a 15 ans

Merci ! effectivement, j'avais remarqué l'image correspondant aux coin, mais je n'avais pas poussé mon raisonnement jusqu'au bout. Merci chacun de vous !