Tom's Guide > Forum > Programmation > Script js dans page html

Script js dans page html

Forum Programmation : Script js dans page html

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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:

Code :

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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747461' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=747152' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746679' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=746176' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=745344' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744950' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=744358' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=743411' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=741145' 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='http://www.clancalendar.net/index.php?p=historique&id_clan=33776&id_b=740839' 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='http://www.clancalendar.net/' target='_blank' style='font-size:9px'>Results by clanCalendar</a></td></tr>" );
document.write("</table>" );

Pouvez vous m'aider?

Message édité par guizmaii le 06-05-2009 à 19:31:06

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

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

Code :

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

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

------------------------------ Mail anonyme: http://www.mask-mail.com
Répondre à floboss@IDN

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:

Code :

<div id="clancalendar">
<script language="JavaScript" type="text/JavaScript" src="http://www.clancalendar.net/modulesMatchs/cc_stats_33776.js"></script>
</div>

mon css:

Code :

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

Répondre à guizmaii

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

------------------------------ En Restaurant, le coeur de breizh
Répondre à Tybbow

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

Répondre à floboss@IDN

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/

Répondre à guizmaii

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Script js dans page html

Aller à :

Aide |
Règles du forum

Il y a 263 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,430 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens