Cours de lulu71

Administratrice Nombre de messages : 11442 Age : 32

Pour mon design, il devrait apparaitre en entier. Je vais voir, il y a peut-être un problème au niveau du codage.

Par contre c'est bizarre. Je t'avais fait la page index.html ce matin, je t'avais tout posté sur le forum, mais c'est plus là. C'est vraiment bizarre. Remarque, c'est possible que j'ai pas posté au bon endroit aussi Wink

Bon, ben je vais tenter de me rappeler tout ce que j'avais dit ^^

Donc tu ouvres ta page HTML dans Notepad++ et tu remplaces tout ton code par ç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>Sarah Connor France</title>

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

<body leftmargin="0" topmargin="0" style="background-image: url(http://img2.hostingpics.net/pics/166912fond.png);" marginheight="0" marginwidth="0">

<img src="http://nsa02.casimages.com/img/2008/08/16//080816031027535770.png" alt="" border="0" height="500" width="950" usemap="header"/>
<map name="header">
<area alt="home" coords="261, 55, 320, 85" href="test.html" target="home">
<area alt="home" coords="324, 55, 393, 85" href="test.html" target="home">
<area alt="home" coords="398, 55, 462, 85" href="test.html" target="home">
<area alt="home" coords="466, 55, 522, 85" href="test.html" target="home">
<area alt="home" coords="526, 55, 579, 85" href="test.html" target="home">
<area alt="home" coords="583, 55, 633, 85" href="test.html" target="home">
<area alt="home" coords="637, 55, 702, 85" href="test.html" target="home">
</map>

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

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

</body>
</html>

C'est possible que ça marche pas. J'ai fait ça pour une autre personne aussi, et chez moi ça marchait très bien, mais pas chez elle. Donc je préfère avertir tout de suite.

EDIT : j'avais essayé sur mon serveur, et ça marchait. (http://emimoi.freehostia.com/lu/)
Par contre l'hébergeur rame beaucoup. Je l'utilise juste pour faire des essais.

ça marche pas.

http://sconnorfrance.olympe-network.com/

je crois que j'ai vraiment la poisse moi^^

Administratrice Nombre de messages : 11442 Age : 32

Alors là je comprends plus rien ! J'ai fait ça pour quelqu'un d'autre, et ça ne marche pas non plus. Mais chez moi, ça marche très bien ! Je comprends pas trop.

C'est vraiment bizarre scratch

Administratrice Nombre de messages : 11442 Age : 32

Ouais. Le soucis est que je vois pas trop comment régler ça, puisque chez moi ça marche. Je vois donc pas ce qui cloche.

J'ai regarder sur toutes les coutures et cela veut toujours pas marcher

Administratrice Nombre de messages : 11442 Age : 32

C'est vraiment bizarre quand même. Le hic, c'est que c'est pas très facile pour moi de corriger ce qui ne va pas, étant donné que chez moi ça marche.

Etant donner que rien ne veut marcher et sa m'énerve lol, j'ai décider de changé de projet et je veut faire un site sur Angélina Jolie, mais le probléme c'est que j'ai repris depuis le début et mon layout est tout bizarre Neutral

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>Angie France</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/11/11/081111045045906799.png);" marginheight="0" marginwidth="0">

<img src="http://nsa03.casimages.com/img/2008/11/11/081111045207856188.png" alt="" border="0" height="400" width="800"

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

Administratrice Nombre de messages : 11442 Age : 32

Il faut me donner le lien vers ton layout déjà. Par contre, j'ai pas le temps de regarder ça avant ce week-end.

Ok pas de soucis^^

Voilà mon fond

https://nsa03.casimages.com/img/2008/11/11/081111045045906799.png

Mon Header

https://nsa03.casimages.com/img/2008/11/11/081111045207856188.png

Et mon lien vers le site

http://angiefrance.olympe-network.com

Administratrice Nombre de messages : 11442 Age : 32

Alors déjà, je te rappelle qu'on avait du faire un petit changement sur le header (pour l'ancien site), où on l'avait collé sur une partie du fond.

Je t'ai fait ça : https://nsa03.casimages.com/img/2008/11/15/081115103503317610.png

Tu mets ce lien à la place de celui que tu avais mis pour ton header, et tu réhéberges la page.

Voilà c'est fait mais ça me fait toujour ce même effet

http://angiefrance.olympe-network.com/

J'ai tous essayé mais ça me fait toujour la même chose

Administratrice Nombre de messages : 11442 Age : 32

C'est quoi ton problème dans le site juste pour savoir, parce que je vois pas ce qui cloche. A part que les pages ne s'affiche pas au bon endroit, mais ça, c'est parce que tu n'as probablement pas changer les coordonnées.

Ah, et puis tu as oublié de changer les dimensions du header dans le code.

Je te régle tout ça et j'édite la page pour te donner le code.

EDIT : efface le code de la 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>Angie France</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/11/11/081111045045906799.png);" marginheight="0" marginwidth="0">

<img src="http://nsa03.casimages.com/img/2008/11/15/081115103503317610.png" alt="" border="0" height="400" width="1040">

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

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

</body>
</html>

C'est bon ça marche^^

Maintenant je voudrais te demander si tu sais comment on fais un menu comme l'exemple que je te montre.

http://www.e-watson.com/

Administratrice Nombre de messages : 11442 Age : 32

C'est tout simplement fait avec le CSS. Elle (ou il ^^) a mis rose pour la couleur du lien, et pour la couleur de a:hover (c'est à dire la propriété qui définit ce qui se passe quand tu passes la souris sur le lien), elle a mis la couleur de fond de la page.

Donc dans ton CSS :

Code:: a:link {
color: #FFFFFF;
}

a:hover {
color: #FFFFFF;
}

Il te faut bien sûre changer les couleurs Smile

Est-ce que tu pourrais pas vérifier mes codes car quand j'héberge mes page sa marche pas

gauche.html

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>gauche.html</title>

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

</head>

<body>

<img style="width: 150px; height: 20px;" alt="" src="navigation.jpg"> 

<a href="accueil.html"> target="home">Accueil</a> 

<a href="angelinajolie.html"> target="home">Angelina Jolie</a> 

<a href="dossier.html"> target="home">Dossier</a> 

<a href="photo.html">Photos</a> 

<a href="leforum.html">Le Forum</a> 

<a href="internet.html"> target="home">Internet</a> 

 

<img style="width: 150px; height: 20px;" alt="" src="projets.jpg"> 

 

<img style="width: 150px; height: 20px;" alt="" src="Tag%20Board%20.jpg"> 

 

 

 

<img style="width: 150px; height: 20px;" alt="" src="affiliates.jpg"> 

<table style="width: 190px; height: 56px;">

<tbody>

<tr>

<td></td>

<td> 

</td>

<td> 

</td>

</tr>

<tr>

<td> 

</td>

<td> 

</td>

<td> 

</td>

</tr>

</tbody>
</table>

 

<img style="width: 150px; height: 20px;" alt="" src="nous%20lier.jpg"> 

 

<img style="width: 150px; height: 20px;" alt="" src="site%20info.jpg"> 

 

Website  :
Angie France 

Webmiss :
Ludivine 

Ouverture : 

Design  :
By me 

 

<img style="width: 150px; height: 20px;" alt="" src="Disclaimer.jpg"> 

 

Angie
France est un site non-officiel
entièrement
consacré à Angelina Jolie. Toute
copie entière ou partielle est interdite. Merci de respecter
mon
travail. Je n'ai aucun lien avec Angelina ou sa famille. Toutes les
images
appartiennent à leur auteurs respectifs. Me contacter si
vous
voulez que je les retire.  





 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 




 

 



 

 



</body>
</html>

style.css

Code:: p{
font-size: 11px;
color : #EEEEEE;
}

body{
background-color: #000000;
}

a:visited {
color: #FFD591;
}

a:link {
color: #26BFE1;
}

a:hover {
color: #FFFFFF;}

Administratrice Nombre de messages : 11442 Age : 32

Pour le CSS, à première vue, ça a l'air juste.

Pour l'autre page, je vais essayer de regarder ça. J'essaie maintenant, mais je suis pas sûre de trouver tout de suite. Faudra attendre quelques jours à ce moment-là.

EDIT :

Essaie avec ça (page gauche.html)

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>gauche.html</title>

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

</head>

<body>

<img style="width: 150px; height: 20px;" alt="" src="navigation.jpg"> 

<a href="accueil.html" target="home">Accueil</a> 

<a href="angelinajolie.html" target="home">Angelina Jolie</a> 

<a href="dossier.html" target="home">Dossier</a> 

<a href="photo.html" target="home">Photos</a> 

<a href="leforum.html" target="home">Le Forum</a> 

<a href="internet.html" target="home">Internet</a> 

 

<img style="width: 150px; height: 20px;" alt="" src="projets.jpg"> 

 

<img style="width: 150px; height: 20px;" alt="" src="Tag%20Board%20.jpg"> 

 

 

 

<img style="width: 150px; height: 20px;" alt="" src="affiliates.jpg"> 

<table style="width: 190px; height: 56px;">

<tbody>

<tr>

<td></td>

<td> 

</td>

<td> 

</td>

</tr>

<tr>

<td> 

</td>

<td> 

</td>

<td> 

</td>

</tr>

</tbody>
</table>

 

<img style="width: 150px; height: 20px;" alt="" src="nous%20lier.jpg"> 

 

<img style="width: 150px; height: 20px;" alt="" src="site%20info.jpg"> 

 

Website  :
Angie France 

Webmiss :
Ludivine 

Ouverture : 

Design  :
By me 

 

<img style="width: 150px; height: 20px;" alt="" src="Disclaimer.jpg"> 

 

Angie
France est un site non-officiel
entièrement
consacré à Angelina Jolie. Toute
copie entière ou partielle est interdite. Merci de respecter
mon
travail. Je n'ai aucun lien avec Angelina ou sa famille. Toutes les
images
appartiennent à leur auteurs respectifs. Me contacter si
vous
voulez que je les retire.  





 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 




 

 



 

 



</body>
</html>

Plus de réponse depuis passé 5 mois, je déplace dans les anciens cours.

» Cours de mel [OK]
» [COURS] Introduction au cours d'HTML
» -Cours de ju-dom-
» Cours de emy-fan