centrer un tableau
centrer un tableau - HTML/CSS - Programmation
Marsh Posté le 29-10-2008 à 03:10:56
Dans ton code j'ai trouvé un <td class="block" valign="top"/>, je l'ai viré avec firebug et ca c'est plutot bien affiché.
Apres t'aura qq petite retouche a faire.
Marsh Posté le 29-10-2008 à 04:07:55
C'est sympa je viens de tester "firebug", j'ai testé mais je sais toujours pas quelle ligne modifiée/supprimée.
Je fais un copier coller du code
Définition des fonctions______________________________________________\\
//////////////////////////////////////////////////////////////////////////////////////////////////////
//1. top(); => Haut et gauche du site, y compris la colonne ou se trouvent les blocks de gauche///
//////////////////////////////////////////////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
*/
function top()
{
// Déclaration des variables de couleurs (fond), du tableau $nuked (config) et d'autres variables utiles
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $nuked, $op, $page, $file;
// Ouverture de la balise principale doctype
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"
. "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"fr\"><head>\n";
// Insertion des métatags (pour les moteurs de recherche) (a régler dans vos préférences générales)
echo "<meta name=\"keywords\" content=\"" . $nuked['keyword'] . "\" />\n"
. "<meta name=\"Description\" content=\"" . $nuked['description'] . "\" />\n";
// Insertion du titre et slogan de la page (a régler dans vos préférences générales)
echo "<title>" . $nuked['name'] . " - " . $nuked['slogan'] . "</title>\n";
// Déclaration du charset (ISO) pour l'encodage des caractéres
echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />\n";
// Affichage du favicon de nuked-klan
echo "<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/images/favicon.ico\" />\n"
. "<link rel=\"icon\" type=\"image/x-icon\" href=\"/images/favicon.ico\" />\n";
// Inclusion de la feuile de style.
echo "<meta http-equiv=\"content-style-type\" content=\"text/css\" />\n"
. "<link title=\"style\" type=\"text/css\" rel=\"stylesheet\" href=\"themes/base/style.css\" />";
// Fermeture de la balise <head> et ouverture de <body>.
echo "</head><body>";
// Ouverture du tableau principal, de la première ligne et de la première colonne
echo "<table class=\"tab_center\" width=\"1000\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"
. "<tr><td class=\"td_center\">";
// Ici se trouve la partie "entête" du site, par exemple un tableau avec le nom et le slogan du site.
echo "<table class=\"color1\" width=\"100%\" cellspacing=\"1\" cellpadding=\"0\">\n"
. "<tr class=\"color2\" ><td class=\"td_center\"><br /><big><b>" . $nuked['name'] . "</b></big><br />\n"
." <big><i>" . $nuked['slogan'] . "</i></big><br /><br /></td></tr></table><br />\n";
// On passe à la seconde ligne du tableau principal
echo "</td></tr><tr><td>\n";
// On ouvre ici un tableau contennant 3 colonnes et 1 ligne qui contiendra le corp du site.
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>";
// Ouverture de la première colonne, celle des blocks de gauche
echo "<td class=\"block\" valign=\"top\">";
// Inclusion des blocks de gauche
get_blok('gauche');
// Changement de colonne, colonne centale ou s'affiche les pages du site.
// On peut ici inclure une colonne de quelques pixels de large pour bien séparé les blocks de gauche du centre
echo "</td><td class=\"space\"> </td><td valign=\"top\">\n";
// Sinon utilisez le code normal....
//echo "</td><td valign=\"top\">";
// Inclusion des blocks du centre haut
// On insere une condition pour que les blocks ne s'affichent qu'a l'index des modules et pas dans l'administration
if ($op == "index" && $file != "Admin" && $page != "admin" ) get_blok('centre');
// On peut aussi inserer les blocks du centre sans condition et simplement comme ceci:
//get_blok('centre');
// Fin de la fonction le contennu du site s'affiche donc dans cette colonne qu nous fermons dans la fonction suivante.
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////
//2. footer(); =>/Bas et droite du site, y compris la colonne ou se trouvent les blocks de droite//
////////////////////////////////////////////////////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
function footer()
{
// Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4, $nuked, $op, $file, $page;
// Inclusion des blocks du centre bas
//On insere une condition pour que les blocks ne s'affichent qu'a l'index des modules et pas dans l'administration
if ($op == "index" && $file != "Admin" && $page != "admin" ) get_blok('bas');
// On peut aussi inserer les blocks du centre sans condition et simplement comme ceci:
//get_blok('bas');
// Fermeture de la colonne centrale
echo "</td>\n";
// Si vous ne souhaitez afficher les blocks de droite que sur la page d'index du site
if ($file == $nuked['index_site'] && $page == "" && $op != "sendfriend" )
{
echo "</td><td class=\"space\"></td><td class=\"block\" valign=\"top\">";
get_blok('droite');
}
// Sinon le code normal...
//echo "<td class=\"block\" valign=\"top\">";
//get_blok('droite');
// Fermeture de la dernière colonne, de la ligne et du tableau central
echo "</td></tr></table>\n";
// Fermeture de la ligne central du tableau principal et ouverture de la 3eme et dernière ligne
echo "</tr><tr><td>\n";
//Ici se trouve le "pied de page" de votre site avec le message de bas de page (copyright)
//par exemple un tableau...
echo "<table class=\"color1\" width=\"100%\" cellspacing=\"1\" cellpadding=\"3\">\n"
. "<tr class=\"color2\"><td class=\"td_center\"><br />" . $nuked['footmessage'] . "<br /><br /></td></tr></table>\n";
// Fermeture du tableau principal (colonne, ligne et tableau....)
echo "</td></tr></table>\n";
//fin de la fonction et de votre page
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
/////////////////////////////////////////////////
//3. news(); =>Apparence du cadre des news ///
/////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
function news($data)
{
// Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Ouverture d'un tableau global des news
echo"<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"4\">\n"
. "<tr class=\"color2\"><td>\n";
// Ouverture d'une table dans la première ligne pour bien séparer le titre de l'auteur
// on les met dans deux colonne distincte (l'une alignée a gauche l'autre a droite)
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n"
. "<tr><td align=\"left\"><b>" . $data['titre'] . "</b></td><td align=\"right\">Par " . $data['auteur'] . "\n"
. "le " . $data['date'] . " à " . $data['heure'] . "</td></tr></table>\n";
// On ferme tout ça, on passe à la ligne suivante pour afficher le texte
echo "</td></tr><tr class=\"color2\"><td>" . $data['texte'] . "</td></tr>\n";
// Une dernière ligne pour afficher le lien vers les commentaires, le format imprimable et l'envoie de la news à un(e) ami(e).
echo "<tr class=\"color2\"><td><a href=\"index.php?file=News&op=index_comment&news_id=" . $data['id'] . "\">Commentaires (" . $data['nb_comment'] . " )</a>"
. " " . $data['printpage'] . " " . $data['friend'] . "</td></tr></table><br />\n";
//Fin de la fonction news
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
////////////////////////////////////////////////////////////
//4. block_gauche(); =>Apparence des blocks de gauche ///
////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
function block_gauche($block)
{
//Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Ouverture d'un tableau à 2 lignes et 1 colonne qui contiendra le block
echo "<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"3\">\n"
. "<tr class=\"color2\"><td>\n";
// Affichage du titre du block dans la première ligne
echo "<b>" . $block['titre'] . "</b>";
// Fermeture de la première ligne ouverture de la seconde
echo "</td></tr><tr class=\"color2\"><td>\n";
// Affichage du contennu dans la seconde ligne
echo $block['content'];
// Fermeture du tableau et saut d'un ligne pour que les blocks ne soit pas collés
echo "</td></tr></table><br />\n";
//fin de la fonction
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
////////////////////////////////////////////////////////////
//5. block_droite(); =>Apparence des blocks de droite ///
////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
// Vous pouvez reproduire le block de gauche ou pas.
function block_droite($block)
{
//Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Ouverture d'un tableau à 2 lignes et 1 colonne qui contiendra le block
echo "<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"3\">\n"
. "<tr class=\"color2\"><td>\n";
// Affichage du titre du block dans la première ligne
echo "<b>" . $block['titre'] . "</b>";
// Fermeture de la première ligne ouverture de la seconde
echo "</td></tr><tr class=\"color2\"><td>\n";
// Affichage du contennu dans la seconde ligne
echo $block['content'];
// Fermeture du tableau et saut d'un ligne pour que les blocks ne soit pas collés
echo "</td></tr></table><br />\n";
//fin de la fonction
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
////////////////////////////////////////////////////////////
//5. block_centre(); =>Apparence des blocks du centre ///
////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
function block_centre($block)
{
//Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Création d'un tableau à 1 seul ligne qui contient le titre et le contenue du block.
echo "<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"2\">\n"
. "<tr class=\"color2\"><td> <b>" . $block['titre'] . "</b><br />" . $block['content'] . "</td></tr></table>\n";
//fin de la fonction
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
////////////////////////////////////////////////////////
//5. block_bas(); =>Apparence des blocks du bas///
////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
// Vous pouvez reproduire le block du centre ou pas.
function block_bas($block)
{
//Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Création d'un tableau à 1 seul ligne qui contient le titre et le contenue du block.
echo "<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"2\">\n"
. "<tr class=\"color2\"><td> <b>" . $block['titre'] . "</b><br />" . $block['content'] . "</td></tr></table>\n";
//fin de la fonction
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
/////////////////////////////////////////////////////////////////////////////////////////
//6. opentable();Decoration autour des modules ou où vous voulez avec opentable(); //
/////////////////////////////////////////////////////////////////////////////////////////
//-----------------------------------------------------------------------------------------------------------------------------------------------//
function opentable()
{
//Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
echo "<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"2\">\n"
. "<tr class=\"color2\"><td>\n";
//Fin de la fonction...
}
//-----------------------------------------------------------------------------------------------------------------------------------------------//
///////////////////////////////////////////////////////////////
//7. closetable();pour fermer la table définie ci-dessus //
///////////////////////////////////////////////////////////////
function closetable()
{
// On ferme le tableau et la cellule
echo "</td></tr></table>\n";
//Fin de la fonction...
Sujets relatifs:
- Centrer tableau verticalement
- Je n'arrive pas à centrer un tableau sous Dreamweaver 8 !
- Centrer une image avec un lien dans un tableau
- Comment centrer un tableau au centre de la page?
- centrer un tableau en xhtml
- centrer un tableau avec CSS
- centrer un tableau avec XSL FO
- comment centrer un tableau au millieu d'une page en css
- Centrer un tableau verticlalement???
- Centrer un tableau en CSS
Marsh Posté le 29-10-2008 à 00:11:26
Bonjour,
J'aimerais que le tableau "journal" soit centré
actuellement :
___________________________________
!__________________________________!
! ! news !
!_____ !____________________ !
Je voudrais cela
__________________________________
!_________________________________!
! ! news !
!_____!___________________________!
mon site pour voir cela en détail
http://escadrillelafayette.free.fr/index.php?file=News
Un copier/coller du code d'origine
function news($data)
{
// Ajoutez au besoin global pour récupérer des variables
global $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
// Ouverture d'un tableau global des news
echo"<table class=\"color1\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"4\">\n"
. "<tr class=\"color2\"><td>\n";
// Ouverture d'une table dans la première ligne pour bien séparer le titre de l'auteur
// on les met dans deux colonne distincte (l'une alignée a gauche l'autre a droite)
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\">\n"
. "<tr><td align=\"left\"><b>" . $data['titre'] . "</b></td><td align=\"right\">Par " . $data['auteur'] . "\n"
. "le " . $data['date'] . " à " . $data['heure'] . "</td></tr></table>\n";
// On ferme tout ça, on passe à la ligne suivante pour afficher le texte
echo "</td></tr><tr class=\"color2\"><td>" . $data['texte'] . "</td></tr>\n";
// Une dernière ligne pour afficher le lien vers les commentaires, le format imprimable et l'envoie de la news à un(e) ami(e).
echo "<tr class=\"color2\"><td><a href=\"index.php?file=News&op=index_comment&news_id=" . $data['id'] . "\">Commentaires (" . $data['nb_comment'] . " )</a>"
. " " . $data['printpage'] . " " . $data['friend'] . "</td></tr></table><br />\n";
merci pour votre aide
Message édité par ltalexandre le 29-10-2008 à 00:12:01