Discussion :

[covin85]

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]

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]

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]

salut


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

[covin85]

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]

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

[MasterOfChakhaL]

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]

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]

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]

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]

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

Merci et merci encore