Problème CSS/formatage

Résolu
sam59470 Messages postés 30 Date d'inscription   Statut Membre Dernière intervention   -  
sam59470 Messages postés 30 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   153
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   16
 
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