Script js dans page html

guizmaii

6 Mai 2009 17:23:11

Bonjour

Alors voici mon probléme
Je crée un petit site comme sa pour m'entrainer à programmer et par la même occasion apprendre le language html.
Ce site permet a ma team css de fournir les sources aux autres team (d'autres fonctions viendront surement aprés mais je ne viens pas pour cela)

J'ai dans ma page html un script javascript fournie par clancalendar qui me permet d'afficher des informations sur les wars (faut jouer à counter pour comprendre ^^ dsl) que nous avons jouer.
Mon probléme est que je n'arrive pas a centrer ce script dans ma page.
J'ai bien sur la solution qui utilise la balise <center></center> mais dans mon soucis de respecter la norme w3c je ne peux me le permettre hélas.

Je pense donc que la solution est dans l'édition du script js mais je ne m'y connais absolument pas en js...
Voici le code du script:

document.write("<table border='0' cellspacing='1' cellpadding='0'>");
document.write("<tr><td colspan='3'><span class='cc-titres'><strong>à venir</strong></span></td></tr>");document.write("<tr><td colspan='3' class='cc-defaut'>Aucun</td></tr>");		
document.write("</table>");	
 
document.write("<table border='0' cellspacing='1' cellpadding='0'>");
document.write("<tr><td colspan='3'><span class='cc-titres'><strong>passés</strong></span></td></tr>");		
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747461" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Ip.Gamer</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 16</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747152" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Emulix</a> </td><td nowrap align='right' style='background-color:#AA3333;font-size:10px' nowrap><span style='color:#FFFFFF'>18 à 25</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746679" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Team Commando</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 14</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746176" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>all star kill</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>17 à 6</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=745344" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>team-ghost</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>22 à 2</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744950" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Les bienfaiteur...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>25 à 7</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744358" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>« SpeeD-Elite \...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>13 à 11</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=743411" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>өӨ ...</a> </td><td nowrap align='right' style='background-color:#666666;font-size:10px' nowrap><span style='color:#FFFFFF'>24 à 24</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=741145" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>illzach force s...</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>32 à 16</span></span>");	
document.write("</td></tr>");
document.write("<tr><td >");
document.write("<span class='cc-defaut'><a href='<a href="http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=740839" target="_blank">http://www.clancalendar.net/index.php?p=historique&id_c...</a>' target='_blank'>Fragers United</a> </td><td nowrap align='right' style='background-color:#008822;font-size:10px' nowrap><span style='color:#FFFFFF'>26 à 19</span></span>");	
document.write("</td></tr>");
document.write("<tr><td colspan='3' style='padding-top:3px' nowrap><a href='<a href="http://www.clancalendar.net/" target="_blank">http://www.clancalendar.net/</a>' target='_blank' style='font-size:9px'>Results by clanCalendar</a></td></tr>");
document.write("</table>");

Pouvez vous m'aider?

Autres pages sur : script page html

| Etre averti des réponses
| Alerter

Répondre à guizmaii

floboss@IDN

6 Mai 2009 19:45:10

Non pas forcement, à la place de center tu peut utiliser:

<div text-align="center"></div>

Ou encore utiliser une feuille de style CSS, c'est plus la norme actuelle.

| Alerter

Répondre à floboss@IDN

guizmaii

6 Mai 2009 22:06:38

En faites j'ai réussi ^^ enfin presque.
J'ai réussi à centrer le block grace a margin-left mais je n'arrive pas a avoir un beau tableau avec les titres centrer et les infos en dessous centrer aussi.
Je ne sais pas pourquoi j'obtient quelques choses de très moche avec "text-align: center;".
les deux titres ne sont même pas aligné verticalement

Voila ce que j'utilise finalement: (Je vais quand même essayer d'obtenir ce que j'ai dans la tête)

mon html:

<div id="clancalendar"> <!-- BEGIN id="clancalendar"-->
						<script language="JavaScript" type="text/JavaScript" src="<a href="http://www.clancalendar.net/modulesMatchs/cc_stats_33776.js" target="_blank">http://www.clancalendar.net/modulesMatchs/cc_stats_3377...</a>"></script>
					</div> <!-- END id="clancalendar"-->

mon css:

div#clancalendar {
	color: #00ce00;
	margin-left: 45%;
	text-align: left;
}

| Alerter

Répondre à guizmaii

Tybbow

6 Mai 2009 23:56:16

Peux-tu nous montrer le lien de ta page!

C'est quoi ta norme W3c? Quand je fais un site, je le fais à ma manière ^^

| Alerter

Répondre à Tybbow

floboss@IDN

7 Mai 2009 10:58:30

Pour centrer tes infos dans ton tableau, as tu appliqués le "text-align: center;" aux balise "<td></td>" et "<th></th>" ?

| Alerter

Répondre à floboss@IDN

guizmaii

14 Mai 2009 16:15:41

si je ne me trompe pas les balises que tu me propose floboss@IDN ce sont des balises pour des tableaux?
Or je n'en ai pas mis (mon site n'est pas finit, je ne vais pas très vite ^^)

Pour te répondre Tybbow, voici le lien: http://mdn.verygames.net/

| Alerter

Répondre à guizmaii

Tom's guide dans le monde