par
Hywan » 16 août 2008, 11:41
Désolé, je n'ai pas répondu hier soir quand j'ai vu ta réponse, mais il est était 2am
.
Bien, je n'ai pas testé mais ça devrait être ça.
Notre page HTML :
<!--
Toujours mettre un doctype, toujours !
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>untitled</title>
<!--
On redéfinit 2 ou 3 choses histoires qu'on soit d'accord avec tous les
navigateurs.
-->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!--
On fait le lien avec notre feuille CSS.
-->
<link type="text/css" href="Style.css" rel="stylesheet" media="screen,projection" />
</head>
<body>
<!--
On écrit notre tableau.
-->
<table summary="Résumé du tableau">
<caption>Descrption du tableau</caption>
<thead>
<th>Tournoi</th>
<th>Ronde</th>
<th>Année</th>
<th>…</th>
</thead>
<tbody>
<?php
/**
* On se connecte à la base de données et on sélectionne notre base.
*/
$db = mysql_connect('…', '…', '…');
mysql_select_db('…');
/**
* On effectue notre requête.
*/
$query = mysql_query('SELECT tournio, ronde, annee, club_dep … ' .
'FROM nationale_regionale ' .
'WHERE tournoi LIKE "Nationale 3"')
or die('Erreur avec la base de données.'); // Si la requête échoue, on
// arrête le script et on
// écrit une erreur.
/**
* Tant qu'on peut associer un résultat de notre requête à la variable $row,
* alors on écrit le contenu de notre tableau.
*/
while($row = mysql_fetch_assoc($query))
echo ' <tr>' . "\n" .
' <td>' . $row['tournoi'] . '</td>' . "\n" .
' <td>' . $row['ronde'] . '</td>' . "\n" .
' <td>' . $row['annee'] . '</td>' . "\n" .
' <td>' . $row['…'] . '</td>' . "\n" .
' </tr>' . "\n";
?>
</tbody>
</table>
<!--
Fin de notre tableau.
-->
<!--
Pourquoi faire un formulaire avec un bouton ? Un simple lien suffit.
-->
<p class="tCenter">
<a href="…">Revenir en arrière</a>
</p>
</body>
</html>
Notre feuille de style CSS (Style.css) :
Code : Tout sélectionner
@charset "utf-8";
/**
* On définit une largeur de 650px, et on utilise les marges left et right
* en automatique pour centrer le tableau.
* Enfin, on définit la couleur de fond.
*/
body {
width: 650px;
margin: 0 auto;
background: #b9defc;
}
/**
* Le tableau est centré, même principe.
*/
table {
margin: 0 auto;
}
/**
* Le texte des cellules d'en-tête et de corps ont un texte centré.
* On définit la même couleur de fond pour les deux types de cellule, et on
* redéfinira la couleur du td (cellule de corps) plus tard.
*/
th, td {
text-align: center;
background: #d3d3d3;
}
/**
* Plus tard c'est ici :P.
*/
td {
background: #fff;
}
/**
* Si on veut centrer un texte, on peut aussi utiliser une classe tCenter (text
* center). On l'applique à un paragraphe par exemple.
*/
.tCenter {
text-align: center;
}
Voilà. Je te laisse te rendre compte à quel point c'est plus simple et plus léger que ton premier code. Je te laisse également explorer les balises que tu ne connais pas (il doit y avoir caption, thead, et th par exemple). Si tu as des questions, je reste disposé à te répondre
.
Désolé, je n'ai pas répondu hier soir quand j'ai vu ta réponse, mais il est était 2am :P.
Bien, je n'ai pas testé mais ça devrait être ça.
Notre page HTML : [php]<!--
Toujours mettre un doctype, toujours !
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>untitled</title>
<!--
On redéfinit 2 ou 3 choses histoires qu'on soit d'accord avec tous les
navigateurs.
-->
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!--
On fait le lien avec notre feuille CSS.
-->
<link type="text/css" href="Style.css" rel="stylesheet" media="screen,projection" />
</head>
<body>
<!--
On écrit notre tableau.
-->
<table summary="Résumé du tableau">
<caption>Descrption du tableau</caption>
<thead>
<th>Tournoi</th>
<th>Ronde</th>
<th>Année</th>
<th>…</th>
</thead>
<tbody>
<?php
/**
* On se connecte à la base de données et on sélectionne notre base.
*/
$db = mysql_connect('…', '…', '…');
mysql_select_db('…');
/**
* On effectue notre requête.
*/
$query = mysql_query('SELECT tournio, ronde, annee, club_dep … ' .
'FROM nationale_regionale ' .
'WHERE tournoi LIKE "Nationale 3"')
or die('Erreur avec la base de données.'); // Si la requête échoue, on
// arrête le script et on
// écrit une erreur.
/**
* Tant qu'on peut associer un résultat de notre requête à la variable $row,
* alors on écrit le contenu de notre tableau.
*/
while($row = mysql_fetch_assoc($query))
echo ' <tr>' . "\n" .
' <td>' . $row['tournoi'] . '</td>' . "\n" .
' <td>' . $row['ronde'] . '</td>' . "\n" .
' <td>' . $row['annee'] . '</td>' . "\n" .
' <td>' . $row['…'] . '</td>' . "\n" .
' </tr>' . "\n";
?>
</tbody>
</table>
<!--
Fin de notre tableau.
-->
<!--
Pourquoi faire un formulaire avec un bouton ? Un simple lien suffit.
-->
<p class="tCenter">
<a href="…">Revenir en arrière</a>
</p>
</body>
</html>[/php]
Notre feuille de style CSS (Style.css) : [code]@charset "utf-8";
/**
* On définit une largeur de 650px, et on utilise les marges left et right
* en automatique pour centrer le tableau.
* Enfin, on définit la couleur de fond.
*/
body {
width: 650px;
margin: 0 auto;
background: #b9defc;
}
/**
* Le tableau est centré, même principe.
*/
table {
margin: 0 auto;
}
/**
* Le texte des cellules d'en-tête et de corps ont un texte centré.
* On définit la même couleur de fond pour les deux types de cellule, et on
* redéfinira la couleur du td (cellule de corps) plus tard.
*/
th, td {
text-align: center;
background: #d3d3d3;
}
/**
* Plus tard c'est ici :P.
*/
td {
background: #fff;
}
/**
* Si on veut centrer un texte, on peut aussi utiliser une classe tCenter (text
* center). On l'applique à un paragraphe par exemple.
*/
.tCenter {
text-align: center;
}[/code]
Voilà. Je te laisse te rendre compte à quel point c'est plus simple et plus léger que ton premier code. Je te laisse également explorer les balises que tu ne connais pas (il doit y avoir caption, thead, et th par exemple). Si tu as des questions, je reste disposé à te répondre :).
