Pour centrer mon tableau ?

oliver70 · 17 Janvier 2008

Bonjour,

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

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

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

zeb · 17 Janvier 2008

Code:

<pun_footer>
<center>
<table width="900" border="0" cellspacing="0" cellpadding="0">
(...)
</table>
</center>
</div>
</body>

tu as essayé ça ?

mariea · 17 Janvier 2008

et ca <table width="100%" align=center border="0" cellspacing="0" cellpadding="0"> ?

oliver70 · 17 Janvier 2008

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>

oliver70 · 17 Janvier 2008

mariea a dit:
et ca <table width="100%" align=center border="0" cellspacing="0" cellpadding="0"> ?

Je n'avais pas vu ta réponse mais je viens d'essayé aussi et cela ne fonctionne pas ?

zeb · 17 Janvier 2008

oliver70 a dit:
<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">

</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<td width="300"style="border:0px" p align="center">

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


</div>
</td>
</tr>
</table>
</center>

</div>

le div rouge fermant, je voie pas trop ce qu'il viens faire dans la table tu as une url exemple ?

mariea · 17 Janvier 2008

et met border=1 dans le <table> pour voir comment il se positionne.

zeb · 17 Janvier 2008

je viens de trouver ton forum cela semble pas mal a priori.

oliver70 · 17 Janvier 2008

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

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>

mariea · 17 Janvier 2008

le </body> devrait être avant le </html>

zeb · 17 Janvier 2008

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.

oliver70 · 17 Janvier 2008

mariea a dit:
le </body> devrait être avant le </html>

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

oliver70 · 17 Janvier 2008

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>

zeb · 17 Janvier 2008

<td width="300"style="border:0px" p align="center">

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


</td>

c'est peut être ça qui mes le souk

zeb · 17 Janvier 2008

sinon j'aime bien ton forum, il y a des truc qui mont fait sourire surtout après 20 ans de travaux accro ;-)

oliver70 · 17 Janvier 2008

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

oliver70 · 17 Janvier 2008

zeb a dit:
sinon j'aime bien ton forum, il y a des truc qui mont fait sourire surtout après 20 ans de travaux accro ;-)

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

zeb · 17 Janvier 2008

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.

zeb · 17 Janvier 2008

oliver70 a dit:
zeb a dit:

sinon j'aime bien ton forum, il y a des truc qui mont fait sourire surtout après 20 ans de travaux accro ;-)

Cliquez pour agrandir...

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

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

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

[/hors sujet]

oliver70 · 17 Janvier 2008

zeb a dit:
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.

:idea: bravo c'était bien cela. Encore merci à tous.

zeb a dit:
dans le bon sens donc n'ai crainte collègue.

merci en tous cas et jolie la photo "nostalgie"

Bonne fin de semaine

Olivier