Discussion :

[L'aigle de Carthage]

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"... >.

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

Merci

[Chengj]

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

[L'aigle de Carthage]

Est ce que je peut avoir un exemple?

[Chengj]

PHP :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Erwan M.]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

class='tableaccueil'

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

[L'aigle de Carthage]

J'ai fait ces 2 feuilles de style:

edittab:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[darkstar123456]

class="menutab"

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

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ^^

[L'aigle de Carthage]

Merci beaucoup