Tableau qui se deforme.
Posté : 16 août 2013, 12:39
Bonjour,
j'ai bientôt finie mon code, cependant j'ai un petit soucis que je ne sais pas résoudre.
Voici mon code :
donc le problème est que le nom varie énormément et déforme mon tableau, j'ai mis en place un css dessus afin de réduire la taille mais rien ne fait c'est encore trop long .
voici mon css : (trouver sur le forum)
par contre sa ne cache pas le débordement.
si vous avez une solution ?
un grand merci et bonne après-midi
j'ai bientôt finie mon code, cependant j'ai un petit soucis que je ne sais pas résoudre.
Voici mon code :
Code : Tout sélectionner
$last10 = $bdd->query('SELECT * FROM table ORDER BY aeg DESC LIMIT 10');
// On affiche chaque entrée une à une dans un tableau
?>
<table id='tableau'>
<caption>Dernier badge : </caption>
<thead> <!-- En-tête du tableau -->
<tr>
<th>Date</th>
<th>Categorie</th>
<th>Nom</th>
<th>numerobadge</th>
</tr>
</thead>
<tbody> <!-- Corps du tableau -->
<?php
while ($donnees = $last10->fetch())
{
?>
<tr>
<td class="tailldate"><?php echo $donnees['date']; ?></td>
<td class="cat"><?php echo $donnees['categorie']; ?></td>
<td class="reduc" style="width:650px;"><?php echo $donnees['nom']; ?></td>
<td><?php echo $donnees['numerobadge']; ?>></td>
</tr>
<?php
}
$last10->closeCursor(); // Termine le traitement de la requête
?>
</tbody>
</table>voici mon css : (trouver sur le forum)
Code : Tout sélectionner
.reduc { /*utilise td pour l'appliquer à toute tes cellules*/
overflow: hidden; /* hidden cachera le texte qui déborde*/
font-size: 0.8em; /* 0.8 ou moins par exemple, ça devrait réduire tout ton texte contenu dans tes td */
}
si vous avez une solution ?
un grand merci et bonne après-midi
