Ajuster la longueur du texte à la dimension d'une cellule

Fermé
Maa - 11 juin 2020 à 10:26
 Aiceberg - 12 juin 2020 à 07:20
Bonjour,

J'aimerais ajuster la longueur du texte à la dimension d'une cellule dans un tableau en HTML.
Quelqu'un peut-il m'aider?
Merci

Configuration: Android / Chrome 80.0.3987.132

1 réponse

Salut,
pour tout ce qui est mise en page il faut utiliser CSS.
Les tableaux NE DOIVENT PAS ÊTRE utilisés pour la mise en page sauf s'il s'agit de données tabulaires(leurs contenus ne sera pas indexés par les moteurs de recherches en tant que contenus mais en tant que données tabulaires comme une liste avec lignes et colonnes).
Ceci étant dit si vous avez bien des données tabulaires voici un exemple de ce que vous voulez:

<html>
<head>
<!-- dans la balisestyle je met la régle CSS il est bien sûr plus pratique d'utiliser un fichier externe nommé par exemple "style.css"-->
<style type="text/css" rel="sylesheet">
td p{
width:100%;
text-align:justify;
}
</style>
<!-- une règle de style en cascade est composé d'un sélecteur et entre les accolades des règles que l'on veut modifier, ici le sélecteur indique toutes les balises p contenues dans un td et les règles indiquent que le texte (p) doit prendre 100% de l'espace disponible(la cellule td) et que le texte doit être justifié. L'espace disponible dépends donc de la taille de la cellule.
Il est aussi possible d'utiliser des classes CSS qui peuvent être plus pratique car réutilisable autrement que dans un tableau. Pour plus d'informations formez vous à CSS.
-->
</head>
<body>
<table>
<tr>
<td>titre colonne 1</td>
<td>colonne 2</td>
<td>colonne 3</td>
</tr>
<tr>
<td><p>contenu col1 ligne1</p></td>
<td><p>col2 ligne1</p></td>
<td><p>col3 ligne 1</p></td>
</tr>

<tr>
<td><p>contenu col1 ligne1</p></td>
<td><p>col2 ligne1</p></td>
<td><p>col3 ligne 1</p></td>
</tr>

</table>

</body>
</html>


CSS est complémentaire et indispensable à HTML.
HTML sert à indiquer la hiérarchie et la nature des contenus et CSS à indiquer leur apparence et mise en page. En pensant une page web il faut donc séparer le fond(HTML) de sa forme(présentation avec CSS).
C'est pour cela (et aussi parce que c'est moins pratique et plus long à écrire) que les tableaux ne doivent jamais être utilisés pour de la mise en page.
Si cela se faisait c'était il y a plus de 15 ans avant l'apparition de CSS qui rend l'écriture d'une page beaucoup plus simple et permet des visuels beaucoup plus faciles à écrire et permet énormément plus de possibilités.
0