Discussion :

[juju77]

Bonjour à tous alors voilà j'ai un petit soucis j'arrive pas à le régler, donc je viens vous voir :p

Le probleme est que je n'arrive pas à fixer la taille de mon tableau, enfaite il s'adapte à la taille de la chaine de carractere qui y est inséré et donc plus celle-ci est grande plus il grandit, j'aurais aimé que ma chaine de carractere ce découpe et aille à la ligne. En gros avoir un tableau fixe en largeur mais adaptable en longueur.

Voilà mon code :

Html / php :

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
 
<div class="filmCadre">
<table border="1">
<?php
while ($donnees = $reponse->fetch())
{
?>
<tr>
<td><img src="<?php echo $donnees['imageFilm']; ?>" width="150" height="200"/></td>
<td>
<p><span style="font-family: Audiowide, Arial, 'Arial Unicode MS', Helvetica, sans-serif; color: #000000; font-size: 16px;">Titre :</span>
<span style="color: #000000; font-size: 14px; font-family: Arial;"><?php echo $donnees['nomFilm']; ?></span></p>
<p><span style="font-family: Audiowide, Arial, 'Arial Unicode MS', Helvetica, sans-serif; color: #000000; font-size: 16px;">Résumé :</span><br/>
<span style="color: #000000; font-size: 14px; font-family: Arial;"><?php echo trim($donnees['resumeFilm']); ?></span></p>
</td></tr>
<?php
}
?>
</table>
</div>

Css :

Code css :

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

1
2
3
4
5
6
7
8
9
 
td /* Mettre une bordure sur les td ET les th */
{
vertical-align:top;
//text-align:center;
  //border: 1px solid black;
}
.filmCadre {
width:80%;

Merci d'avance

[rodolphebrd]

Bonjour,

vous pouvez figer les largeurs de cellules de cette manière:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<table  border="1">
  <tr>
    <td>taille de texte</td>
    <td>taille de texte</td>
  </tr>
  <tr>
    <td>taille de texte longue et interminable,taille de texte longue et interminable, taille de texte longue et interminable,  taille de texte longue et interminable, taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable
</td>
    <td>taille de texte</td>
  </tr>
</table>

Code css :

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

1
2
3
4
td {
   max-width:300px;
   min-width:300px;
}

[juju77]

Hum en effet ca fonctionne, merci rodolphebrd.

Par contre j'aurais aimé mettre ces propriétés uniquement sur un td en particulier, avoir mon tableau qui fasse 80 % de la taille de ma page, le premier td je voudrais qu'il est une largeur de 150px et que le 2eme remplisse tout le reste (tout en ayant ca taille bloqué) je sais pas si je me suis fait comprendre xD

Je met un peu de code pour illustrer :

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
 
<table border="1">
<?php
while ($donnees = $reponse->fetch())
{
?>
<tr>
<tdImage><img src="image" width="150" height="200"/></tdImage>
<tdText>Mon texte</tdText>
</tr>
<?php
}
?>
</table>

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
table{
width: 80%;
}
tdImage
{
	width:150px;
	//border: 1px solid black;
}
tdTexte{
           vertical-align:top;
	text-align:center;
	//css manquant pour que le texte passe à la ligne automatiquement sans sortir ou agrandir le tableau
}

[rodolphebrd]

A première vue en fixant une classe vous avez un résultat:http://codepen.io/rodolpheb/pen/CFphL

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<table  border="1">
  <tr>
    <td>taille de </td>
    <td class="pers">taille de texte</td>
  </tr>
  <tr >
    <td>taille de texte longue et interminable,taille de texte longue et interminable, taille de texte longue et interminable,  taille de texte longue et interminable, taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable,  taille de texte longue et interminable
</td>
    <td class="pers">taille de texte</td>
  </tr>
</table

Code css :

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

1
2
3
4
5
6
7
8
table {
  width:900px;
}
.pers{
   background:silver;
   max-width:200px;
   min-width:200px;
}