[Tableaux] Personnaliser un tableau en PHP

Salut,
Je me demande si on peut personnaliser un tableau en PHP, c'est à dire éditer les bordures, avoir un autre design totalement différents du celui de <table border="1"... >. :bebe:

Et qui peut m'expliquer comment peut on avoir les mêmes dimensions de cellule pour toute les autres cellules du tableau. :king:

Merci :merci:

Tu utilises les feuilles de style CSS et tu switches avec ton PHP pour aller chercher les propriétés que tu veux appliquer :|.

Est ce que je peut avoir un exemple? :mrgreen:

PHP :

Code:

---

1 2 3

$cssClass = (isset($_POST['defaultStyle'])) ? 'design1' : 'design2'; echo '<table class="'.$cssClass.'">'; // Série de lignes d'instruction

---

CSS :

Code:

---

1 2	.design1 { border: 1px solid black; } .design2 { border: 5px solid blue; }

---

Pour utiliser un fichier css, met ça dans ton HEAD

Code:

---

<link rel="stylesheet" type="text/css" href="nompagecss.css">

---

Puis crée ta page css, il existe plein d'éditeur sympa (pour ma part j'ai pris l'habitude d'utiliser "Pierre Le Muzic", téléchargeable gratuitement sur telecharger.com).

A noter que dans ta page CSS, ça se note comme ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

table { background-color: #ffffff; border-width: 0px; padding-right: 5px; padding-left: 5px; }   .tableaccueil { background-image: url('images/logo.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; padding-left: 5px; padding-right: 5px; border-width: 0px; }

---

table existe déjà en tant qu'élément html donc pas besoin de . devant, alors que tableaccueil se verra mettre un point devant lui.

Pour finir, dans ton <td> ou <tr> ou balise que tu veux, ajoute

Code:

---

class='tableaccueil'

---

ça devrait être bon maintenant non ?? ^^

J'ai fait ces 2 feuilles de style:

edittab:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

.edittab{   border-width: 0px; border: 2px solid #386BCB; border-spacing: 4px; empty-cells: hide; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;   }

---

menutab:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

.menutab { font-family: Verdana; font-size: 10px; font-weight: bold; color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

---

avec cet partie du code PHP:

Code:

---

1 2 3 4 5 6 7 8

echo '<center><table border="1" class="edittab">'; echo '<tr class="menutab">'; echo '<td><center>Logiciel</center></td>'; echo '<td><center>Objet</center></td>'; echo '<td><center>Administrateur</center></td>'; echo '<td><center>Date reponse</center></td>'; echo '</tr>';

---

mais j'ai pas eu le résultat voulu(je parle des espacements entre l'écriture et les 4 bordures du tableau) :evilred:

class="menutab"

doit aller dans chaque <td> et pas dans le <tr>

Code:

---

1 2 3 4 5 6 7 8 9 10

<?php echo '<center><table border="1" class="edittab">'; echo '<tr>'; echo '<td class="menutab"><center>Logiciel</center></td>'; echo '<td class="menutab"><center>Objet</center></td>'; echo '<td class="menutab"><center>Administrateur</center></td>'; echo '<td class="menutab"><center>Date reponse</center></td>'; echo '</tr>'; ?>

---

PS : vu qu'il s'agit des titres de la table, en général on utilise la balise <th> et pas <td>, ca permet également de simplifier l'écriture d'une CSS. En effet, si sur tout ton site tu décide que les titres de tes <table> auront la même apparence tu pourrais écrire :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

th { font-family: Verdana; font-size: 10px; font-weight: bold; color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

---

sans avoir à définir de classe pour les <th>, tu n'aurais donc qu'à écrire :

Code:

---

1 2 3 4 5 6 7 8 9 10

<?php echo '<center><table border="1" class="edittab">'; echo '<tr>'; echo '<th><center>Logiciel</center></td>'; echo '<th><center>Objet</center></td>'; echo '<th><center>Administrateur</center></td>'; echo '<th><center>Date reponse</center></td>'; echo '</tr>'; ?>

---

Néanmois, si tu ne le veux que pour cette table-là, et si on se base sur mon code (donc les <th>) et sur la class de ta <table>( class="editab" )tu pourrais écrire ceci dans la CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

.editab th { font-family: Verdana; font-size: 10px; font-weight: bold; color: #000000; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

---

mais bon, là on part dans un cours de CSS, pas de PHP ^^

Merci beaucoup :king: