Bonjour
Lors d'un trop long texte dans ma case de tableau,la case s'agrandi automatiquement.
J'aimerais tout simplement avoir a droite une petite bar deroulante(je sais pas comment on apelle sa :? )
Merci
Version imprimable
Bonjour
Lors d'un trop long texte dans ma case de tableau,la case s'agrandi automatiquement.
J'aimerais tout simplement avoir a droite une petite bar deroulante(je sais pas comment on apelle sa :? )
Merci
ceci devrait t'aider:
dans ton CSS:
ceci fera apparaitre un scroll si c'est nécessaire.Code:
1
2
3 td { overflow: auto; }
si tu donnes la valeur scroll au lieu de auto, les scrolls seront toujours là même s'ils ne servent à rien.
la valeur hidden permet de masquer ce qui dépasse...
J'ai mis donc ton code dans le CSS du style du tableau,j'ai verifier que dans la tableau il n'y avait aucun autre style,mais sa ne marche pas
salut
sinon tu mets ton tableau dans un div à taille fixe et tu lui met l'attribut overflow:auto !
Rien a faire sa marche toujour pas.
Peut etre plusse de précision:
Mon tableau fait 1 ligne ,3 colonne
dans la première et derniere colonne j'ai mis une image et dans la colonne du millieu j'ai rajouter un tableau de 1 ligne 1 colonne ,et c'est ici que je met mon texte
voici le code que je testé :
Silvouplait :cry:Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 <table width="1227" border="0" cellpadding="0" cellspacing="0" overflow="auto"> <tr> <th width="267" height="77" scope="row"><p align="left"><img src="nouveau design/pencarte+forum.jpg" width="156" height="338" border="0" usemap="#Map"></p> <p> </p></th> <th width="113" scope="row"><img src="nouveau design/decomposer/4gauche.jpg" width="113" height="473"></th> <th width="697" scope="row"><table width="697" height="473" border="0" bgcolor="e1e3e3"> <tr> <th height="468" scope="row" overflow="auto"><p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la bar <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> </th> </tr> </table></th> <th width="90" scope="row"><img src="nouveau design/decomposer/4droite.jpg" width="90" height="473"></th> <th width="60" scope="row"> </th> </tr> </table>
Silvouplait:cry:
bonjour,
faute de frappe (j'ai inclus la hauteur dans le style):
L'overflow dans les cellules ne fonctionne pas toujours.Code:
1
2
3
4
5
6
7
8
9
10
11 <tr> <th scope="row" style="overflow: auto; height: 468px;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> </th> </tr>
essaye comme ça : mets l'overflow sur la paragraphe plutôt que sur la case.
ou ajoute un div qui encadre tes paragraphes :Code:
1
2
3
4
5
6
7
8
9
10
11
12 <tr> <th height="468" scope="row"> <p align="center" class="Style1" style="overflow: auto; margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> </th> </tr>
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <tr> <th height="468" scope="row"> <div style="overflow:auto;"> <p align="center" class="Style1" style=" margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> </div> </th> </tr>
Je suis vraiment désolé mais aucun des codes ne marche,aucune scroll n'apparait,et la case s'agrandit toujours.
Je suis déséspéré
oui, en effet :)
Petit détail qui a son importance : pour avoir le srcoll, il faut préciser la largeur et la hauteur de l'élément.
Par exemple :
Code:
1
2 style="overflow: auto; width: 200px; height: 200px;"
euh:roll: :(
Rien a faire c'est incroyable,sa m'aggrandi toujours mon tableau
je n'ai pas vu que tu n'avais pas fermé tes balises <p>
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 <table border="1"> <tr> <th scope="row"> <p align="center" class="Style1" style=" margin-right:3; margin-left:3; overflow: auto; width: 200px; height: 150px;"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p> <p align="center" class="Style1" style="margin-right:3; margin-left:3;">bla bla bla bla bla bla</p> <p align="center" class="Style1" style="margin-right:3; margin-left:3;">bla bla bla bla bla bla</p> <p align="center" class="Style1" style="margin-right:3; margin-left:3;">bla bla bla bla bla bla</p> </th> </tr> </table>
sa ne marche pas non plus
J'ai essayer le code seulle dans une page "neutre" et cela ne marche pas non plus
Voila ma page simplifier
je ne voudrais pas te donner de fausses joie, mais je crois que ce coup-ci, ca fonctionne...
essaye-ca et donne moi de bonnes nouvelles (j'espère pour toi...)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 <style> td { width: 200px; height: 100px; } div { height: 100%; overflow:auto; } </style> <table border="1" > <tr> <td> </td> <td> <div> <p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre<p align="center" class="Style1" style="margin-right:3; margin-left:3;"> C'est dans cette case que je devrais avoir la barre </div> </td> </tr> </table>
l'exemple de MasterOfChakhaL doit fonctionner.
et n'oublie pas de fermer tes paragraphes ;)
Code:
1
2 <p>bla bla </p>
euh,ya du progrès enorme :mouarf:
Enfin...c'est pas top car sa donne sa:
http://www.csjeux.com/test.php
cela tout dereglé,je vais essayé d'arrangée sa.
effectivement...Citation:
Envoyé par covin85
a toi de bien cibler les td avec des classes ou tes idées afin que les propriétés css n'influencent que ce qui doit être influencé...
wé jsuis pas rendu.
En tout cas merci beaucoup,car sa pas du être facile.
Merci et merci encore