Taille tableau html / css

Version imprimable

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:

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:

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

Bonjour,

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

Code:

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:

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

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:

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:

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 }

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

Code:

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:

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