Comment réaliser une zone variable de texte ?

diabolo_42
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

Badbart
Réponse acceptée

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
Réponse acceptée

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 :)

elscorto

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
Auteur

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 ?

diabolo_42
Auteur

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 !

Zougataga

Bonjour, vous pouvez utiliser le CSS de BOOTSTRAP je vous file le lien : http://twitter.github.io/bootstrap/components.html