Problème CSS/formatage

Résolu/Fermé
sam59470 Messages postés 30 Date d'inscription mercredi 10 juin 2009 Statut Membre Dernière intervention 18 novembre 2011 - 22 juil. 2011 à 07:52
sam59470 Messages postés 30 Date d'inscription mercredi 10 juin 2009 Statut Membre Dernière intervention 18 novembre 2011 - 22 juil. 2011 à 08:54
Bonjour,

J'ai réalisé un site web dynamique en PHP/MYSQL. Toute la partie programmation PHP et MYSQL est fini je m'attaque maintenant au visuel.

Je coince sur un problème assez embêtant dans ma partie administration.

voici le problème en image.

http://www.hostingpics.net/viewer.php?id=523002Capturede769cran20110722a768073410.png

je n'arrive pas fixe la taille des cellules contenu a une hauteur et largeur maximal et mettre des scrolling si le contenu dépasse.

voici le code du tableau
  </thead>
  <?php do { ?>
    <tr>
      <td><?php echo $row_gestion_page['TITRE']; ?></td>
      <td><?php echo $row_gestion_page['CONTENU']; ?></td>
      <td><a href="modification_page.php?ID=<?php echo $row_gestion_page['ID']; ?>"><img src="edit.png" width="15" height="15" alt="editer"></a></td>
      <td><a href="suppression_validation_page.php?ID=<?php echo $row_gestion_page['ID']; ?>"><img src="delete.png" width="18" height="17" alt="supprimer"></a></td>
    </tr>
    <?php } while ($row_gestion_page = mysql_fetch_assoc($gestion_page)); ?>
<tfoot>


pour fixer la taille j'ai déjà essayé
 <td style="width: 300px;  heigth: 100px; overflow:auto;"><?php echo $row_gestion_page['CONTENU']; ?></td>

Rien n'est pris en compte.

voici le code prie de firebug pour une vision globale :
<tr>
<td>ma page grandeur</td>
<td style="width: 300px; heigth: 100px; overflow:auto;">
<p>TEST TEST TEST TEST TEST TEST  TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TESTTEST TEST TEST TEST TEST</p>
</td>

j'ai enlevé quelque TEST ;)

j'espère que vous avez des idées :)

Merci d'avance
A voir également:

3 réponses

adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 153
22 juil. 2011 à 08:32
Bonjour,

à ma connaissance ce n'est pas faisable ( du moins si ont veux rester dans le valide) un sujet traite de ce problème:

https://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/overflow-dans-tableau-sujet_53825_1.htm

Adns
0
Pomme87 Messages postés 38 Date d'inscription vendredi 22 juillet 2011 Statut Membre Dernière intervention 4 décembre 2011
22 juil. 2011 à 08:36
Il est possible de donner des dimensions aux cellules mais l'overflow est réservé aux balises de type "block" alors que td est "inline".

Pour bien faire faudrait ou ajouter des div ou mettre le style sur les paragraphes :

td p
{
width: 300px;
height: 100px;
overflow: auto;
}

Maaagiiiieee, magie noire...... c'est fait ^^
0
sam59470 Messages postés 30 Date d'inscription mercredi 10 juin 2009 Statut Membre Dernière intervention 18 novembre 2011 16
22 juil. 2011 à 08:54
merci pour vos réponses.

Solution trouvé -> l'overflow est réservé aux balises de type "block" alors que td est "inline".

     <td><div style="width: 300px; height: 100px; overflow: auto;"><?php echo $row_gestion_page['CONTENU']; ?></div></td>
0