Cours de lily-spiritus

Administratrice Nombre de messages : 11442 Age : 32

C'est moi qui l'avait fait la prmière fois, mais tu vas le faire cette fois Smile

Alors je te poste ici le code de ta page index.html (donc celle qui est sur le site en ce moment) :

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>Lily's Book</title><link href="style.css" type="text/css" rel="stylesheet" />

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

<body leftmargin="0" topmargin="0" style="background-image: url(http://img213.imageshack.us/img213/1246/fondlilyfs2.png);" marginheight="0" marginwidth="0">

<img src="http://i39.tinypic.com/5vnpkg.jpg" alt="" border="0" height="350" width="816">

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

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

</body>
</html>

Alors il va falloir changer quelques petits trucs.

Dans cette partie (pour la colonne de gauche) :

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

Il te faut simplement changer le left: 176px en mettant 120. Cela veut dire qu'on "déplace" la colonne de 56 pixels vers la gauche.

Pour la colonne de droite, le code que tu as es :

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

Tu changes le left: 401 px en mettant 345. Puis il faut juste ajuster la taille de la colonne de droite. Pour ça, dans width="475" , tu remplaces 475 par 471

Si je ne me suis pas trompée, ça doit jouer Wink

c'est bon sa marche merci Smile

il y a juste le probleme des image qui me gene >.<

Administratrice Nombre de messages : 11442 Age : 32

Effectivment, il faut qu'on règle encore le problème des images.

On pourrait essayer de les mettre, mais en écrivant directement le code à la main (donc avec Notepad++).

Pour ça, tu ouvres ta page sur Notepad++, et pour intégrer l'image, tu mets ce bout de code :

Code:: <img style="width: 200px; height: 140px;" alt="" src="dossier/image.png" />

width = la largeur de l'image ; height = la hauteur ; et bien sûre le lien vers l'image à changer (dossier/image.png)

Pour plus de facilité, tu mets toutes tes image dans un même dossier. Ou bien un dossier pour les walls, un pour les avatars... Mais évite de faire des sous-dossiers, ça nous causera moins de problème ^^

je vais essayer j'edit quand j'aurais fait une page deja pour tester voir si sa marche

il y a bien un slash avant le tout dernier > du bout de code ??

Administratrice Nombre de messages : 11442 Age : 32

Oui. Tu auras remarqué que souvent, on met un balise sans le /, qui ouvre en fait la "chose", et une balise idem, mais avec un /, qui ferme la "chose".

Dans la balise pour mettre des images, ce n'est pas une qui s'ouvre et une autre qui se ferme. Mais c'est une seule et unique balise.

Tu commences à avoir le bon oeil dis donc Wink

C'est bien, ça ne pourra que t'aider quand tu rencontreras des problèmes avec le code Smile

je demande sa car je crois savoir pourquoi sa bloque
car en ouvrant la page sur notepad++ j'étais d'abord etonne car c'était exactement la meme ligne de code que celle que tu m'as donne sauf que j'ai remarque qu'il manquait un slash a la fin donc je vais l'ajouter et je verais si c'est bien a cause de sa

Administratrice Nombre de messages : 11442 Age : 32

Ah ^^ Ok

Dis-moi si ça marche après.

bah j'ai change pour la page alexis bledel mais je ne voit pas de changement tu pourrais regarder ?
et sinon demain je pense que je vais te poster le code de la page et tu me dira si il y a un truc qui cloche dedans car la j'éteint mon ordi

bonne soiree et bonne nuit

Administratrice Nombre de messages : 11442 Age : 32

Effectivement, toujours le même problème. Je vais me pencher sur le code cette fois je pense Wink

Bonne nuit !

EDIT : bon, côté code, ça a l'air de jouer. A mon avis, le problème vient du "chemin" vers l'image, car si on tape, dans la barre d'adresse, l'adresse exacte de l'image (exemple : http://lilyputiennebook.olympe-network.com/image/alexisbledel2.png), on tombe sur une page d'erreur. Cela veut dire que le serveur (= l'hébergeur) ne trouve pas l'image.

Est-ce que ce serait possible que tu me donnes par MP ton nom d'utilisateur et ton mot de passe que tu as mis sur le logiciel ftp ? C'est le seul moyen pour que je puisse voir ce qui cloche Wink

pseudo et login c'est les meme que ce du site d'olympe-network ?

Administratrice Nombre de messages : 11442 Age : 32

Coucou !

Alors le problème était tout con ^^ Dans les pages html, on avait défini que les images se trouvaient dans un dossier image, mais sur le serveur, il n'y avait pas ce fameux dossier image. Je t'en ai donc créé un et j'ai mis les images dedans.

Donc dorénavant, quand tu héberges des pages, tu les mets où tu les mettait d'habiture, mais pour les images : dans le dossier image.

Normalement, tout doit fonctionner. J'ai vérifier chez moi et ça jouait.

oki je vais regarder plus tard je ne suis pas sur mon ordi merci

Administratrice Nombre de messages : 11442 Age : 32

D'accord. Et de rien !

je viens d'aller voir c'est genial sa marche je vais pouvoir continuer =)

Administratrice Nombre de messages : 11442 Age : 32

Ouais ! Je te laisse continuer cette partie alors Wink

Tu n'as plus vraiment besoin de moi pour ajouter de nouveaux avatars ou icons...

ui par contre apres je te redemenderais pour tout se qui est lien de partenariat et autre
et comment on fait pour mettre une "boite" de chat et celle pour les commentaires ?

Administratrice Nombre de messages : 11442 Age : 32

Oui oui, t'inquiètes pas Wink

Je disais ça pour les pages où tu postes tes créas Smile

oki merci

Administratrice Nombre de messages : 11442 Age : 32

De rien !

Salut !
Sa va ?

voila j'ai continuer a creer de nouvelle pages :
- Kristen stewart en 200*400
- et tout en 200*320
Mais meme au bout de deux jours et beaucoup de clique sur le bouton mise a jour, je ne vois toujours rien alors pourrait tu regarder s'il te plait ?
Merci =D

Administratrice Nombre de messages : 11442 Age : 32

Alors j'arrive très bien à accéder aux pages, mais il y a les deux images de la page des avatars de Kristen Stewart qui ne s'affiche pas. Je crois savoir pourquoi, mais il faut que je contrôle Wink

EDIT : problème résolu.

Sinon, dans ta pages des avatars 300*200 : avec le nom "Brookelle Bones", tu as mis un lien vers la page BrookelleBones200320.html. Mais ta page a le même nom, mais sans le majuscule. J'ai donc enlevé les majuscules, et tout fonctionne très bien.

Un dernier petit truc : étant donné que j'ai changé des pages sur ton serveur, tu n'as donc plus les mêmes pages sur ton serveur que sur ton ordi.

Donc tu ouvres Classir FTP, tu te connectes. Puis, dans la colonne de droite (donc sur le serveur), tu sélectionnes le tout (sauf le dossier "image", et tu cliques sur la flèche qui va de droite à gauche. Comme ça, ça te mettra sur ton ordi les pages avec les changements faits.

oki merci =D

Administratrice Nombre de messages : 11442 Age : 32

De rien !

» [COURS] Introduction au cours d'HTML
» Cours de E.
» Cours de ju-dom