Texte dans un tableau deroulant

**covin85** · 01/09/2006, 02h39

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

**MasterOfChakhaL** · 01/09/2006, 10h04

ceci devrait t'aider:

dans ton CSS:

Code :

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

1
2
3
td {
  overflow: auto;
}

ceci fera apparaitre un scroll si c'est nécessaire.
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...

**covin85** · 01/09/2006, 14h46

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

**Hug0_76** · 01/09/2006, 14h54

salut

sinon tu mets ton tableau dans un div à taille fixe et tu lui met l'attribut overflow:auto !

**covin85** · 01/09/2006, 16h25

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

**covin85** · 02/09/2006, 22h55

voici le code que je testé :

Code :

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
 
<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>&nbsp;      </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">&nbsp;</th>
    </tr>
  </table>

Silvouplait

**covin85** · 04/09/2006, 22h02

Silvouplait

**Auteur** · 04/09/2006, 23h28

bonjour,

faute de frappe (j'ai inclus la hauteur dans le style):

Code :

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

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>

L'overflow dans les cellules ne fonctionne pas toujours.
essaye comme ça : mets l'overflow sur la paragraphe plutôt que sur la case.

Code :

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

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>

ou ajoute un div qui encadre tes paragraphes :

Code :

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

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>

**covin85** · 05/09/2006, 09h29

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é

**Auteur** · 05/09/2006, 11h06

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 :

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

1
2
 
style="overflow: auto; width: 200px; height: 200px;"

**covin85** · 05/09/2006, 13h27

euh

Rien a faire c'est incroyable,sa m'aggrandi toujours mon tableau

**Auteur** · 05/09/2006, 14h34

je n'ai pas vu que tu n'avais pas fermé tes balises <p>

Code :

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

**covin85** · 05/09/2006, 20h37

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

**MasterOfChakhaL** · 05/09/2006, 21h02

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 :

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

**Auteur** · 05/09/2006, 21h10

l'exemple de MasterOfChakhaL doit fonctionner.

et n'oublie pas de fermer tes paragraphes

Code :

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

1
2
 
<p>bla bla </p>

**covin85** · 05/09/2006, 21h11

euh,ya du progrès enorme

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.

**MasterOfChakhaL** · 05/09/2006, 21h15

Envoyé par covin85

cela tout dereglé,je vais essayé d'arrangée sa.

effectivement...

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é...

**covin85** · 05/09/2006, 21h18

wé jsuis pas rendu.
En tout cas merci beaucoup,car sa pas du être facile.

Merci et merci encore

Texte dans un tableau deroulant

HTML

Discussions similaires

Partager

Partager