Discussion :

[Cyril03]

Je me lance ici plutôt que de créer un enieme sujet

Bonjour à tous

Mon probléme, me semblait il, est simple : créer un ascenseur dans une des cellules d'un tableau car je veux limiter sa taille quand le texte est trop long . En effet, j'ai des pages html avec un modele de petit tableau à 3 colonnes et 3 lignes. Chaque tableau est pour un acteur (bdd de films) . L'une des cellules de ces tableaux, fusion de plusieurs champs, recoit du texte qui, parfois, est trop long, et augmente indesirablement la taille du tableau
Je voudrais fixer la taille de ce champs afin qu'apparaisse un ascenseur (barre de defilement) à droite pour descendre et monter lorsque le texte est trop long


C'est tout con, non ?? Et surement tres classique je me disais

Or j'ai essayé les methodes de ce sujet, y compris le lien proposé au second message, qui partage le code entre css et la page html, et d'autres ailleurs
RIEN NE FONCTIONNE
Est ce parce que je desire le faire seulement sur une cellule (td) et pas le tableau en entier ?

N'y aurait il pas moyen d'avoir un code simple, partagé dans le css ou pas, que l'on puisse ajouter apres - ou dans - la balise td ??
Avec juste le scroll comme il doit etre et la taille limite desiree ???

Vraiment ce serait gentil de me donner cette precieuse formule

PS Voici a peu pres le resultat que j'aimerais obtenir, ici sur access, et que j'ai da'illeurs reussi a faire en html .... sauf l'histoire de l'ascenseur.

[Doksuri]

quelque chose comme ca ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table border="1">
<tr>
  <td colspan="3">text1</td>
  <td colspan="2">text2</td>
</tr>
<tr>
  <td>text3</td>
  <td colspan="3">text4</td>
  <td rowspan="4" class="bigText"><div>
  text5<br />text5<br />text5<br />text5<br />text5<br />text5<br />text5<br />text5<br />text5<br />
  </div></td>
</tr>
<tr>
  <td rowspan="3">image</td>
  <td colspan="3">text6</td>
</tr>
<tr>
  <td colspan="3">text7</td>
</tr>
<tr>
  <td colspan="3">text8</td>
</tr>
</table>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
table td { padding: 1rem; }
table .bigText > div {
  width: fit-content;
  max-height: 100px;
   overflow-y: auto;
}

[Youssou06]

Merci doksuri.
Malheureusement ça ne semble pas marcher.
Mais je ne suis pas sûr de faire correctement. Permets moi quelques questions.

D'abord, dans le html, dans la cellule en question, ou je veux copier le texte, avoir l'ascenseur et où j'ai donc écris class="bigText" ... je suppose que la répétition de text5 et <br> est juste la comme exemple et que je ne dois pas copier plusieurs fois le texte ?
Idem , dans le css, tu as mis un > en trop entre td et div n'est-ce pas ?
D'ailleurs j'imagine que la première ligne du css, le padding, n'est pas indispensable ?

Mais j'ai un peu essayé toutes les variantes l'ascenseur ne vient pas.

Seulement je suis en train de me demander si je n'oublie pas une étape. En effet ne faudrait il pas, avant de prévoir l'ascenseur, de figer les mesures du tableau ?

Mais à priori toi tu en as tenu compte dans ton code puisque tu limites à 100 Px.

Donc je n'avance pas.

PS pendant que j'y suis ....
Quant on veut écrire une propriété pour un Td dans le css, sommes nous obligé de mettre :
table td. ?

td ne suffit il pas ?

[mathieu]

tu as mis un > en trop entre td et div n'est-ce pas ?

ce signe signifie que la balise "div" doit être un enfant direct de "table" et pas seulement n'importe quel descendant.

Quant on veut écrire une propriété pour un Td dans le css, sommes nous obligé de mettre :
table td. ?
td ne suffit il pas ?

cela dépend de ce que vous voulez faire, vous aurez parfois besoin d'un sélecteur plus précis.
vous pouvez trouver plus d'informations sur les sélecteurs css sur cette page :
https://debray-jerome.developpez.com...teurs-en-css3/

en ce qui concerne le code proposé par Doksuri, j'obtiens bien ce que vous demandiez dans votre 1er message :

montrez nous un test de votre code actuel pour qu'on puisse tester de notre coté.

[Cyril03]

Bonjour, et merci, mathieu, de bien vouloir t'occuper un peu de mon cas.

Donc je viens d'essayer à nouveau en copiant exactement tel quel le code offert par doksuri. Et, vraiment, même sans le toucher, ca ne me donne pas l'ascenseur.

Alors, d'où ca peut venir ?
Y aurait il quelque chose ... dans le css ... qui pourrait empecher l'ascenseur ?
Mon css est un css de debutant autodidacte, mais il n'est pas tres fourni. Rien sur les div. Quelques trucs pour les td et th ...
Vraiment je ne vois pas pouirquoi ca le fait pas chez moi.



PS Pour savoir si quelque chose ne genait pas l'apparition de l'ascenseur j'ai essayé en vidant completement le css et en y laissant que le code offert. Et c'est pareil. Pas d'ascenseur

[mathieu]

vous regardez cela avec quel navigateur ?

[Youssou06]

Grosse betise de ma part. Je n'observais pas le bon fichier.
Donc sujet pour rien. Je m'en excuse.
Donc le script marche et l'ascenseur est arrive

[mathieu]

l'ascenseur est arrive

d'habitude on appuie sur un bouton pour faire venir l'ascenseur mais sur developpez.com vous pouvez aussi appuyer sur le bouton "résolu" après l'arrivée de l'ascenseur