[HTML] Limiter la taille d'un block (width) en html

salut

je suis entrain de réaliser un tchat qui utilisera un navigateur (sans doute ie) et donc je dois connaitre quelques notions en html.

j'ai quand même une petite base

mais ce que j'aimerais savoir c'est comment limiter la taille d'un block (<p> ou un autre ?)

parce que j'aimerais bien désigner la taille des paragraphe

mais étant donné qu'une balise <p> fait automatiquement un saut de ligne, il faudra que je joue sur les "margin-bottom" pour réduire les espaces

je ne sais pas si je me suis très bien exprimé ...

en css ça fonctionne nikel, mais là il faut le faire directement avec els balsie html

Citation:

---

Envoyé par Coussati

salut

je suis entrain de réaliser un tchat qui utilisera un navigateur (sans doute ie) et donc je dois connaitre quelques notions en html.

---

C'est un bon début ;)
Une première base à connaitre et à ne jamais perdre de vue (ce qui évite ensuite de dire "ma balise ne fait pas ce que je veux...") :
A la base, HTML est conçu pour structurer un document, c'est ce que l'on appelle un langage sémantique : chaque balise correspond à un contenu.
Exemples : <h...> pour un titre, <ul> pour une liste non ordonnée, <li> pour un item de liste, <form> pour un formulaire, <table> pour un tableau <p> pour un paragraphe.
C'est sûr que du coup, le contenu des pages web pouvant de moins en moins se limiter à la mise en page d'un document classique, les balises ont parfois été utilisées en dehors de leur fonction initiale...

Cependant, il existe deux balises 'neutres' ou génériques, qui ne correspondent à aucune réalité sémantique : les balises <div> pour un élément block et <span> pour un élément inline.

Dans ton cas, puisque tu ne souhaites manifestement pas créer un paragraphe, il est préférable d'utiliser une balise div.
Attention, tu auras toujours ton saut de ligne (qui correspond à l'affichage à la sortie du bloc).

Enfin, pour limiter la largeur, 3 solutions :
-> l'attribut width (<div width="...">) à éviter, ne correspond plus aux recommandations et spécifications des standards du web.

-> le style css dans la balise (<div style="width:...">) possible, mais autant que possible, on préfère séparer le contenu (html) du style (css) et du comportement (js)

-> le style css externe, soit dans le body (cf point précédant, c'est pas le mieux) soit, et c'est ce qu'il faut s'efforcer de faire, dans un fichier séparé.
element{width: ...;}

j'ai testé ta solution avec div, mais ça ne fonctionne pas lorsque la chaine est composée que d'un mot, donc je vais te donner un exemple :

la chaine suivante :

"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"

je sais que la chaine est constitué que d'un mot, mais c'est un tchat, et les membres parlent souvent comme ça, donc il faut faire avec :(

j'aimerais la mettre entre une balise qui fera en sorte qu'elle s'affiche sur plusieurs ligne (limitation du block)

biensur j'aurai préféré utiliser du css à part, mais c'est pas possible dans mon projet, il faut juste le faire entre les balises

pour ce qui est du respect du standard du web, ce n'est pas un problème majeur, vu que c'est plus une présentation de document comme tu dis ;) pas un site web :)

ça m'a pris la journée, mais bon j'ai réussis lol

Code:

---

<div style="width: 500px; word-wrap: break-word; margin-bottom: -19px;">

---

merci pour ton aide ;)