Cours de EnYa [Fermé]

ah d'accord
donc c'est bon j'ai hébergé ,et voila l'adresse :
http://www.graph.o-n.fr
je crois que j'ai fait quelque chose de travers ^^'

Administratrice Nombre de messages : 11442 Age : 32

Alors où c'est écrit "olympe-network", c'est normal que ça s'affiche. Je t'explique tout de suite pourquoi. Accroche-toi ^^

En fait, tu as ta page html index.html. Mais dans cette page, tu as deux autres pages (une dans chaque colonne) qui va s'afficher. En fait, tu as une sorte de fenêtre dans ta page, qui te permet de voir une autre page.

Si c'est pas placé au bon endroit, c'est normal aussi. Parce qu'on a pas réglé ça Smile

Pour le header qui ne s'affiche pas, c'est pas normal par contre. Je vais regarder ce qui cloche et je te dis.

Administratrice Nombre de messages : 11442 Age : 32

Double poste exprès.

Donc en fait, tu as oublié un > à un endroit. Donc en fait, tu as oublié de fermer une balise.

A un endroit dans ton code, tu as ça :

Code:: <img src="<img>http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png"</img> alt="" border="0" height="120" width="785">

Après le .png", tu dois ajouter >

Ca te donne donc.

Code:: <img src="<img>http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png"></img> alt="" border="0" height="120" width="785">

Il te faut donc réhéberger la page quand tu as fait des changements.

J'ai essayé mais ca marche toujours pas ,pourtant j'ai
rajouté le > c'est bizarre ^^''

Administratrice Nombre de messages : 11442 Age : 32

Juste pour te montrer quelque chose. Sur le navigateur, je demande à afficher le code source de la page. Je te mets une capture d'écran de ce que ça me donne.

Cours de EnYa [Fermé] - Page 2 Csrt8

Tu vois qu'il y a du rouge, ça veut dire qu'il y a quelque chose de faux dans le code.

Remplace tout le code de ta page index.html par celui-ci :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Enyagraph</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image :url(http://nsa03.casimages.com/img/2008/10/23/081023012844188140.png);" marginheight="0" marginwidth="0">

<img src="<img src="<img>http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png"></img> alt="" border="0" height="120" width="785"> <div id="droite" style="position: absolute; left: 254px; top: 350px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="526"></iframe></div>

<div id="gauche" style="position: absolute; left: 30px; top: 350px;"><iframe src="gauche.html" name="gauche" align="middle" frameborder="0" height="1650" width="220"></iframe></div>

</body>
</html>

D'accord merci
et désolé je suis vraiment pas doué
ca marche pas j'ai pris soins de tout Vérifiez mais le design
ne s'affiche pas

Administratrice Nombre de messages : 11442 Age : 32

T'inquiète pas, c'est pas que tu n'es pas douée, c'est tout simplement que le html, c'est comme ça ^^

Je vais regarder ça plus profondément ce soir si j'ai le courage, ou demain ^^

D'accord merci ,prend ton temps

Administratrice Nombre de messages : 11442 Age : 32

Essaie avec ça :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Enyagraph</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image :url(http://nsa03.casimages.com/img/2008/10/23/081023012844188140.png);" marginheight="0" marginwidth="0">

<img src="http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png" alt="" border="0" height="391" width="993">

<div id="droite" style="position: absolute; left: 254px; top: 350px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1650" width="526"></iframe></div>

<div id="gauche" style="position: absolute; left: 30px; top: 350px;"><iframe src="gauche.html" name="gauche" align="middle" frameborder="0" height="1650" width="220"></iframe></div>

</body>
</html>

Chez moi, ça marche : http://emimoi.awardspace.com/dh/index.html

ah merci enfin ça marche ^^
http://graph.olympe-network.com/
maintenant que je voit le design je crois qu'il est un peu trop grand non ??^^

Administratrice Nombre de messages : 11442 Age : 32

Moi je le trouve très bien comme ça. Mais de toute manière, c'est très facile à changer le design d'une fois qu'il est codé Smile

Donc, est-ce que tu te souviens de ce que je t'ai dit à propos des frames ? En petit rappel, c'est comme si tu avais une page internet qui s'affiche dans une autre page.

Donc sur mon serveur, l'exemple que j'ai fait avec ton design, tu remarquera que c'est écrit gauche et droite.

En fait, où c'est écrit "gauche", c'est une page que j'ai appelée gauche.html, et qui s'affiche dans la partie de gauche du site.

Idem pour celle où c'est écrit droite, qui affiche une page qui s'appelle home.html.

Je vais donc te régler les coordonnées (ce que je t'ai dit de laisser tomber dans la "théorie" afin que les pages s'affichent au bon endroit. J'édite le message en te donnant le code après Smile

EDIT :

Alors tu mets ça pour le code de la page index.html :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Enyagraph</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image :url(http://nsa03.casimages.com/img/2008/10/23/081023012844188140.png);" marginheight="0" marginwidth="0">

<img src="http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png" alt="" border="0" height="391" width="993">

<div id="droite" style="position: absolute; left: 245px; top: 391px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1000" width="568"></iframe></div>

<div id="gauche" style="position: absolute; left: 813px; top: 391px;"><iframe src="gauche.html" name="gauche" align="middle" frameborder="0" height="1000" width="180"></iframe></div>

</body>
</html>

J'ai simplement réglé les coordonnées pour que les frames (fenêtres) se placent au bon endroit.

Deuxièmement, pour que tu te rendes mieux compte de ce que ça donne, tu vas créer un page sur Notepad++ qui s'appelle home.html, et tu mets ce code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<body>
<p>droite !</p>
</body>

Et une page gauche.html, avec ce code :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<body>
<p>gauche !</p>
</body>

Et tu héberges le tout Smile

C'est bon j'ai hébergé et tout
mais je crois pas que ca a changé,j'ai encore fait une boulette Embarassed

Administratrice Nombre de messages : 11442 Age : 32

Effectivement, ça n'a pas du chargé, parce que rien a changé.

Je suis allée voir sur le serveur, et la faute est toute conne.

D'abord, tu as écrit Gauche.html -> il ne faut pas mettre de majuscule à ton nom de fichier. Sur l'ordi (ce qu'on appelle en local), ça ne pose pas toujours de problème d'avoir des majuscules ou des accents dans les noms de fichiers, mais sache que pour un site, c'est PRIMORDIAL ! Sur ta page index.html, tu as un lien vers gauche.html. Du coup, si ta page à une majuscule, ce n'est plus considéré comme la même page.

Et pour l'autre, tu as écrit home html.hml, alors qu'elle doit s'appeler home.html (attention : jamais d'espace !)

Donc il te suffit de rectifier les deux noms de tes fichiers Smile

oh la dsl je suis a la rue moi mais j'ai corigé comme tu dit
mais ca fonctionne pas ...
il te faut énormément de patience avec moi vraiment dsl

Administratrice Nombre de messages : 11442 Age : 32

Je vais voir Smile

EDIT :

En fait, tu as du trafiquer quelque chose dans ta page index.html. Je regarde ça et je corrige Smile

ah oki ..Merci ^^

Administratrice Nombre de messages : 11442 Age : 32

C'est bon : http://graph.olympe-network.com/

Par contre, il y a un petit truc que tu dois faire. J'ai fait les changements nécessaire pour que ça marche, et j'ai réhébergé les pages. Donc maintenant, tu as la page index.html du serveur qui ne correspond plus à celle que tu as sur ton ordi. Donc sur filezilla, tu te connectes. Ensuite, dans la partie de droite (donc sur le serveur !) tu sélectionne les trois pages et tu les fais glisser dans le dossier où tu as mis toutes les pages de ton site.

Administratrice Nombre de messages : 11442 Age : 32

Efface tout le code de ta page index.html et mets ça à la place :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Enyagraph</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image :url(http://nsa03.casimages.com/img/2008/10/23/081023012844188140.png);" marginheight="0" marginwidth="0">

<img src="http://nsa03.casimages.com/img/2008/10/23//081023022654644899.png" alt="" border="0" height="391" width="993">

<div id="droite" style="position: absolute; left: 245px; top: 391px;"><iframe src="home.html" name="home" align="middle" frameborder="0" height="1000" width="568"></iframe></div>

<div id="gauche" style="position: absolute; left: 813px; top: 391px;"><iframe src="gauche.html" name="gauche" align="middle" frameborder="0" height="1000" width="180"></iframe></div>

</body>
</html>

COURS FERME SUITE A LA DEMANDE DE L'ELEVE

» Cours de EnYa
» Cours de emy-fan