Pour centrer mon tableau ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par oliver70, 17 Janvier 2008.

  1. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Bonjour,

    J'ai besoin d'un peu d'aide et je rpécise d'avance que je ne connais rien au langage informatique. :oops:

    Voilà, en bas de mon forum j'ai ceci :

    [​IMG]

    Et comme on le voit sur la capture l'ensembe n'est pas centrer (la petite vignette, la pub adsense, la pub Netaffiliation) malgré mes essais :

    La partie de mon code est celui ci mais a force de trifouiller dedans je n'y arrive plus !!!

    Code:
    <pun_footer>
    
    <table width="900" border="0" cellspacing="0" cellpadding="0">
    
    <tr>
    <td width="300" style="border:0px" align="center"><a href="http://olivierchristelle.chez-alice.fr/Webcam2.htm" onclick="window.open(this.href, 'exemple', 'height=540, width=520, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;"> <img src="http://olivierchristelle.chez-alice.fr/Photo.jpg" width="118" height="112" border="0"><br>_</a>
    </td>
    
    <td width="300"style="border:0px" align="center">
    
    <script type="text/javascript"><!--
    google_ad_client = "pub-xxxxxxxxxxxxxxxxxx";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_cpa_choice = "xxxxxxxxxxxxxxxxxxxxxx";
    google_color_border = "A4B19F";
    google_color_bg = "A4B19F";
    google_color_link = "D40000";
    google_color_text = "333333";
    google_color_url = "333333";
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    
    <td width="300"style="border:0px" p align="center">
    <!-- BEGIN CODE NetAffiliation : http://www.netaffiliation.com/ - Soliland - nouvelle version -->
    <a href="http://action.metaffiliation.com/suivi.php?mclic=xxxxxxxxxxxx" target="_blank"><img src="http://action.metaffiliation.com/suivi.php?maff=xxxxxxxxxxxxxxxxx" border="0"></a>
    <!-- END CODE NetAffiliation -->
    
    </div></td>
    </tr>
    
    </table>
    
    </div>
    </body>
    Que faut il rajouter pour centrer le tout (je pense a un code du genre align="center ? et ou le placer si c'est bein celui si ?

    Merci

    Olivier
     
  2. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    Code:
    <pun_footer>
    <center>
    <table width="900" border="0" cellspacing="0" cellpadding="0">
    (...)
    </table>
    </center>
    </div>
    </body>
    tu as essayé ça ?
     
  3. mariea
    mariea WRInaute impliqué
    Inscrit:
    6 Mai 2005
    Messages:
    561
    J'aime reçus:
    0
    et ca <table width="100%" align=center border="0" cellspacing="0" cellpadding="0"> ?
     
  4. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Bonjour zeb

    Je viens juste d'essayer de rajouter <center> et </center> et cela ne fonctionne pas ?

    Qu'en penses tu ? j'ai un code qui gêne ou mal placer ?

    Code:
    <pun_footer>
    
    <center>
    
    <table width="900" border="0" cellspacing="0" cellpadding="0">
    
    <tr>
    <td width="300" style="border:0px" align="center"><a href="http://olivierchristelle.chez-alice.fr/Webcam2.htm" onclick="window.open(this.href, 'exemple', 'height=540, width=520, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;"> <img src="http://olivierchristelle.chez-alice.fr/Photo.jpg" width="118" height="112" border="0"><br>_</a>
    </td>
    
    <td width="300"style="border:0px" align="center">
    
    <script type="text/javascript"><!--
    google_ad_client = "xxxxxxxxxxxxxxxxxxxxxxxxxx";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_cpa_choice = "xxxxxxxxxxxxxxxxxxxxxxxxxxx";
    google_color_border = "A4B19F";
    google_color_bg = "A4B19F";
    google_color_link = "D40000";
    google_color_text = "333333";
    google_color_url = "333333";
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    
    <td width="300"style="border:0px" p align="center">
    <!-- BEGIN CODE NetAffiliation : http://www.netaffiliation.com/ - Soliland - nouvelle version -->
    <a href="http://action.metaffiliation.com/suivi.php?mclic=xxxxxxxxxxxxxxx" target="_blank"><img src="http://action.metaffiliation.com/suivi.php?maff=xxxxxxxxxxxxxxxx" border="0"></a>
    <!-- END CODE NetAffiliation -->
    
    </div></td>
    </tr>
    
    </table>
    
    </center> 
    
    </div>
     
  5. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Je n'avais pas vu ta réponse mais je viens d'essayé aussi et cela ne fonctionne pas ?
     
  6. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    le div rouge fermant, je voie pas trop ce qu'il viens faire dans la table tu as une url exemple ?
     
  7. mariea
    mariea WRInaute impliqué
    Inscrit:
    6 Mai 2005
    Messages:
    561
    J'aime reçus:
    0
    et met border=1 dans le <table> pour voir comment il se positionne.
     
  8. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    je viens de trouver ton forum cela semble pas mal a priori.
     
  9. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Rebonjour

    Je viens de me rendre compte sur le centrage fonctionne maintenant mais seulement sur les autres pages ?

    sur la page d'acceuil du forum, il n'est pas centrer :

    -http://www.allo-olivier.com/Forums/index.php

    mais partout ailleur sur le forum, il est centrer : par exemple ici :

    -http://www.allo-olivier.com/Forums/viewforum.php?id=9

    Donc il me manque quelque chose sur ma page :

    J'abuse un peu :oops: mais voici la page de code en entier mais là je n'y comprend rien. J'ai bien trifouller dans la partie en dessous de <pun_footer> mais au dessus, je n'y comprend rien !!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
    <meta name="Description" CONTENT=".... les mots....etc"> 
    <meta name="Keywords" CONTENT="....les mots....etc.....>
    <pun_head>
    </head>
    
    <body>
    
    <div id="punwrap">
    <div id="pun<pun_page>" class="pun">
    
    <div id="brdheader" class="block">
    	<div class="box">
    		<div id="brdtitle" class="inbox">
    			<pun_title>
    			<pun_desc>
    		</div>
    		<pun_navlinks>
    		<pun_status>
    <p align="center"><script type="text/javascript"><!--
    google_ad_client = "xxxxxxxxxxxxxxxxxxxx";
    google_alternate_color = "d6dad3";
    google_ad_width = 728;
    google_ad_height = 90;
    google_ad_format = "728x90_as";
    google_ad_type = "text";
    google_ad_channel = "";
    google_color_border = "d6dad3";
    google_color_bg = "d6dad3";
    google_color_link = "395443";
    google_color_text = "000000";
    google_color_url = "446183";
    google_ui_features = "rc:0";
    //-->
    </script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    	</div>
    </div>
    
    <pun_announcement>
    
    <pun_main>
    
    <pun_footer>
    
    <center>
    <table width="900" border="0" cellspacing="0" cellpadding="0"> 
    
    <tr>
    <td width="300" style="border:0px" align="center"><a href="http://olivierchristelle.chez-alice.fr/Webcam2.htm" onclick="window.open(this.href, 'exemple', 'height=540, width=520, top=100, left=300, toolbar=yes, menubar=no, location=no, resizable=no, scrollbars=no, status=yes'); return false;"> <img src="http://olivierchristelle.chez-alice.fr/Photo.jpg" width="118" height="112" border="0"><br>_</a>
    </td>
    
    <td width="300"style="border:0px" align="center">
    
    <script type="text/javascript"><!--
    google_ad_client = "xxxxxxxxxxxxxxxxx";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_cpa_choice = "xxxxxxxxxxxxxxxxx";
    google_color_border = "A4B19F";
    google_color_bg = "A4B19F";
    google_color_link = "D40000";
    google_color_text = "333333";
    google_color_url = "333333";
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    
    <td width="300"style="border:0px" p align="center">
    <!-- BEGIN CODE NetAffiliation : http://www.netaffiliation.com/ - Soliland - nouvelle version -->
    <a href="http://action.metaffiliation.com/suivi.php?mclic=S411344A3631113" target="_blank"><img src="http://action.metaffiliation.com/suivi.php?maff=S411344A3631113" border="0"></a>
    <!-- END CODE NetAffiliation -->
    
    </td>
    </tr>
    </table>
    </center> 
    
    
    </div>
    </body>
    
    </div>
    
    <div align="center">
    <a href="http://www.xiti.com/xiti.asp?s=108917" title="WebAnalytics">
    <script type="text/javascript">
    <!--
    Xt_param = 's=108917&p=Forum';
    try {Xt_r = top.document.referrer;}
    catch(e) {Xt_r = document.referrer; }
    Xt_h = new Date();
    Xt_i = '<img width="80" height="15" border="0" alt="" ';
    Xt_i += 'src="http://logv21.xiti.com/vcg.xiti?'+Xt_param;
    Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
    if(parseFloat(navigator.appVersion)>=4)
    {Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
    document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
    //-->
    </script>
    <noscript>
    <img width="80" height="15" src="http://logv21.xiti.com/vcg.xiti?s=108917&p=Forum" alt="WebAnalytics" />
    </noscript></a>
    <script type="text/javascript" language="javascript" src="http://www.allo-olivier.com/kietuv4/hit_js.php"></script>
    <script type="text/javascript" language="javascript">kietu_tag(1);</script>
    </html>
    
     
  10. mariea
    mariea WRInaute impliqué
    Inscrit:
    6 Mai 2005
    Messages:
    561
    J'aime reçus:
    0
    le </body> devrait être avant le </html>
     
  11. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    tu as une erreur html qque part sur cette page (sûrement une fermante de trop ou en moins car c'est centré mais pas sur le contenu en fait)

    utilise l'inspecteur DOM de firefox pour voir ou ça cloche (je cherche aussi) menu outils -> inspecteur DOM ensuite bouton examiner en haut a droite.
     
  12. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Je viens de faire la modification. Donc maintenant j'ai le logo XITI dans le cadre vert du bas mais le centrage n'apparait toujours pas sur la page d'acceuil mais fonctionne sur toutes les autres pages du forum ???

    merci
     
  13. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Je viens de retrouver le code de cette page mais "propre" sans aucune modification, c'est a dire à l'installation de PunBB :

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
    <pun_head>
    </head>
    <body>
    
    <div id="punwrap">
    <div id="pun<pun_page>" class="pun">
    
    <div id="brdheader" class="block">
    	<div class="box">
    		<div id="brdtitle" class="inbox">
    			<pun_title>
    			<pun_desc>
    		</div>
    		<pun_navlinks>
    		<pun_status>
    	</div>
    </div>
    
    <pun_announcement>
    
    <pun_main>
    
    <pun_footer>
    
    </div>
    </div>
    
    </body>
    </html>
     
  14. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    c'est peut être ça qui mes le souk
     
  15. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    sinon j'aime bien ton forum, il y a des truc qui mont fait sourire surtout après 20 ans de travaux accro ;-)
     
  16. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Je viens de retirer la lettere "p" mais pas de changement !

    Je suis désolé de te faire perdre ton temps avec un truc comme cela. Je crois que pour le moment ça vat rester comme cela.

    En tous cas merci de ton aide

    Je dois partir travailler, j'essayerais de trouver ce soir. en tous cas merci de ton temps

    Bonne après midi

    Olivier
     
  17. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    Merci et 20 ans de travaux accro, tu dois en avoir des souvenir. Mais ce qui te fait sourir, c'est dans le bons sens ou dans le mauvais sens. Là je change de sujet :wink:

    A ++
     
  18. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    c'est bizarre le 900 px de large pour la table, dans la mesure ou la div au dessus fait 850 px.
    sinon en réduisant les taille tu peut obtenir l'effet voulu mais cela ne donne pas la source réelle du problème.
     
  19. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 021
    J'aime reçus:
    1
    [hors sujet]
    Je suis tombé sur une page ou cela papote sur les 'catas' du métier et aussi les anecdote genre mousqueton ouvert etc ... ça m'a fait remonter une foule de souvenir a la surface pas piqués des vers. genre tu te rend compte que le stif de ton descendeur est parti au moment ou tu passais par dessus la rambarde du clocher, genre tu lâche un tournevis en haut de la tour Franklin a la défense et tu le regarde tournoyer sur 140m dans la direction du périf en dessous etc ...
    Bref que du bonheur ... et de bonne lésions au dos qui font que j'ai arrêté les frais avant de plus pouvoir du tout.

    dans le bon sens donc n'ai crainte collègue.

    Une petite photo pour la nostalgie des jours aériens :

    [​IMG]

    Mes débuts en informatique, on change la vitre de Compac (3m x1.5 environ) sur la TCL de Lille.
    lol !

    [/hors sujet]
     
  20. oliver70
    oliver70 WRInaute occasionnel
    Inscrit:
    2 Mai 2006
    Messages:
    263
    J'aime reçus:
    0
    :idea: bravo c'était bien cela. Encore merci à tous. :D

    merci en tous cas et jolie la photo "nostalgie" :D

    Bonne fin de semaine

    Olivier
     
Chargement...
Similar Threads - centrer tableau Forum Date
Centrer un tableau vericalement Développement d'un site Web ou d'une appli mobile 25 Novembre 2007
Centrer une image de fond dans un tableau sans la répétée Développement d'un site Web ou d'une appli mobile 29 Novembre 2006
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
Balise Canonical pour "concentrer le jus" SEO? Problèmes de référencement spécifiques à vos sites 18 Juin 2015
Centrer image thème naturespace Développement d'un site Web ou d'une appli mobile 19 Mars 2015
Centrer une image en height Développement d'un site Web ou d'une appli mobile 27 Février 2015
Centrer mon site Demandes d'avis et de conseils sur vos sites 26 Novembre 2014
peut on oublier google et se concentrer sur bing et yahoo? Débuter en référencement 7 Février 2013
Centrer une image horizontalement sur un div Développement d'un site Web ou d'une appli mobile 25 Septembre 2012
Centrer verticalement un texte (CSS) Développement d'un site Web ou d'une appli mobile 16 Février 2012
centrer menu horizontal deroulant Développement d'un site Web ou d'une appli mobile 28 Juin 2011
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[RESOLU] jQuery : centrer par rapport à la taille du navigateur Développement d'un site Web ou d'une appli mobile 25 Août 2010
Centrer un site en css????? Développement d'un site Web ou d'une appli mobile 14 Mars 2009
Centrer une image de taille variable. Développement d'un site Web ou d'une appli mobile 8 Mars 2009
Centrer une image en CSS Développement d'un site Web ou d'une appli mobile 11 Novembre 2008
Centrer le site... Développement d'un site Web ou d'une appli mobile 10 Novembre 2008
Centrer newsletter Demandes d'avis et de conseils sur vos sites 7 Octobre 2008
pas moyen de centrer mon site Développement d'un site Web ou d'une appli mobile 27 Juin 2008
CSS : centrer un div Développement d'un site Web ou d'une appli mobile 6 Mai 2008