Bonjour à tous!!!

Je suis dans la construction de mon site et je veux le faire avec des css.

Je travaille avec DW! Ouf!

Le design de mon site est très simple. La page d'acceuil est une couverture de livre c-a-d une image en .gif sur laquelle on click dessus et le livre s'ouvre. Le livre ouvert sera toujours la même image de fond seul les textes et les images changeront. Je veux faire mon site en 800x600 sans aucune barre de défilement.

Donc ma page index.html est la couverture de mon livre.

Voilà ce que j'ai fait:

feuille css de la couverture du livre

/* CSS Document */

*{marging:0;
padding:0;
}
{
background image:url: (image/couv.gif);
}
{
#global { position: relative; margin-left: auto; margin-right: auto; width: 779; 
}



Cette feuille de style je l'ai mis dans ma page index.html comme ça:


<html>
<head>

<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="couv.css">
</head>
<div id="global">
</div>
<body>

<img src="image/couv.gif">
</body>

</html>


Lorsque je vais dans DW pour voir la création je vois mon image, lorsque je vais sur le net oups! Page cannot be displayed et syntax error avec comme adresse url ceci:

http:///TMPxb2yvj87im.html

Quelqu'un peux me dire mon erreur? Je piétine depuis un bon bout de temps et j'avais oublié qu'il y avait un forum ici!

Merci de votre aide
Modifié par Fleuretta (07 Jul 2005 - 14:35)
Tout d'abord, si tu crée ton site avec des css, je te conseille de ne pas utiliser dw en mode conception mais plutot d'écrire le code à la main.

Ensuite concernant ta page d'accueil: il s'agit d'un "splash screen", chose qui est très vivement déconseillée / à proscrire.

Le code html n'est pas correct, mais je te conseille de faire un tour sur openweb : http://www.openweb.eu.org afin de mieux coder le html (présence de doctype par exemple).

Autre erreur :

<div id="global">
</div>
<body>

<img src="image/couv.gif">
</body>

</html>


Tout le contenu de la page doit se trouver à l'intérieur de l'élément body. Donc ton div global doit s'y trouver également sinon ça n'a aucun sens.

Concernant ta feuille de style :


{
background image:url: (image/couv.gif);
}


Tu ne dis pas à quel élément ça doit s'appliquer ...

Il faut utiliser un "selecteur" afin de faire comprendre au navigateur à quel élément la règle doit s'appliquer. Dans ce cas -ci

div#global{background: url(images/couv.gif) no-repeat;}


Smiley smile
Raphael a écrit :
Salut Fleuretta et bienvenue ici Smiley smile

N'hésite pas à relire les Règles du forum et suivre les conseils qui y sont donnés pour l'affichage correct des codes Smiley cligne



Je m'excuse! Je crois que mon erreur fut au niveau de l'adresse url? C'est ça! Si j'en ai fait d'autres ne vous gênez pas pour me le dire! J'arrive et suis débutante!

Merci et Bonne Soirée!
Bonsoir TriadPtale!

a écrit :
Ensuite concernant ta page d'accueil: il s'agit d'un "splash screen", chose qui est très vivement déconseillée / à proscrire.


Je ne sais pas c'est quoi un "splash screen". Si c'est du genre que ça veut dire que l'on ne voit pas le menu dès le départ et le sujet et bien il faut penser que c'est un livre mon design et qu'avant de l'ouvrir on voit la couverture. Je le sais que ce n'est pas dans les règles mais si je veux être logique dans mon design il se doit d'être ainsi. Sur la page d'accueil (couverture de livre) aussitot que la souris iras sur le livre il deviendra plus clair donc cela indiquera qu'il faut cliquer. Enfin si vous avez une autre idée à me suggérer mais je crois qu'il faut que je reste logique dans mon design non?

a écrit :
Le code html n'est pas correct, mais je te conseille de faire un tour sur openweb : http://www.openweb.eu.org afin de mieux coder le html (présence de doctype par exemple).


Si vous saviez tout ce que j'ai lu c'est pas possible et openweb aussi! Cependant mon ptit cerveau n'a pas encore tout enregistré mais ça viendra!!! vous promets! Smiley cligne


Concernant ma page index.html je l'ai changé comme ça;


<html>
<head>

<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="couv.css">
</head>

<body>
<div id="global">
</div>
<img src="image/couv.gif">
</body>

</html>



Concernant ta feuille de style je l'ai mis comme vous m'avez dit

div#global{background: url(images/couv.gif) no-repeat;}



Et je suis désolée de vous dire que j'ai toujours mon "page cannot be displayed" et mon "syntax error"! Smiley decu

Merci de votre aide si rapide!
En passant je suis de Québec donc petit décalage horaire de 6hrs!
Smiley cligne
Modifié par Fleuretta (07 Jul 2005 - 14:36)
Administrateur
Bonjour,

Fleuretta a écrit :



Je m'excuse! Je crois que mon erreur fut au niveau de l'adresse url? C'est ça! Si j'en ai fait d'autres ne vous gênez pas pour me le dire! J'arrive et suis débutante!

Merci et Bonne Soirée!

Nan nan, c'est l'affichage de code (HTML, CSS, ...) qui va pas

<body id="yay">
<div id="head"><h1><a href="forum.php"><span>Sur le Forum Alsacréations : ça c'est illisible</span></a></h1><ul id="menu">

<body id="yay">
<div id="head"><h1><a href="forum.php"><span>Sur le Forum Alsacréations : ça c'est [b]LIsible[/b]</span></a></h1><ul id="menu">

Smiley cligne (le bouton code pour la balise code /code entre les smileys et les boutons Envoyer/Prévisualiser)
Modifié par Felipe (07 Jul 2005 - 04:45)
Fleuretta a écrit :
Je le sais que ce n'est pas dans les règles mais si je veux être logique dans mon design il se doit d'être ainsi. Sur la page d'accueil (couverture de livre) aussitot que la souris iras sur le livre il deviendra plus clair donc cela indiquera qu'il faut cliquer. Enfin si vous avez une autre idée à me suggérer mais je crois qu'il faut que je reste logique dans mon design non?


Non : la logique du design ne doit pas l'emporter sur la logique de l'utilisabilité du site. Le design doit au contraire améliorer l'ergonomie du site, le but étant de donner au visiteur une expérience qui le fera rester ou revenir Smiley cligne

Ta couverture qui s'ouvre (je comprends bien l'idée) est inutile et ralentit désagréablement l'accès au contenu du site, car en ouvrant l'url de ton site dans son navigateur, le visiteur potentiel a déjà ouvert ton livre. Il s'attend à voir l'information apparaître immédiatement, pas à faire mumuse avec une pseudo-couverture de livre.

La logique du design ergonomique serait donc que ta page d'accueil soit un livre ouvert, pas fermé Smiley cligne

Toujours mettre l'utilisateur au centre de ce que tu fais...
Modifié par Laurent Denis (07 Jul 2005 - 06:55)
a écrit :
Et je suis désolée de vous dire que j'ai toujours mon "page cannot be displayed" et mon "syntax error"!


ça n'a rien avoir avec xhtml et css ça Smiley cligne

Et si tu nous montrais l'erreur ?

a écrit :
Je ne sais pas c'est quoi un "splash screen".


on dit

a écrit :
Je ne sais pas ce qu'est un "splash screen".


en français aussi il y a des règles de syntaxe...
Modifié par TriadPtale (07 Jul 2005 - 10:35)
Bonjour

a écrit :
Renvoyer un débutant à une page expérimentale d'Eric Meyer, qui ne fonctionne pas sous Internet explorer... Est-ce bien raisonnable ?


Non, ce n'est pas très raisonnable, mais pour l'inspiration artistique
qu'est ce que c'est bon.

Admet le , c'est un bel effet.
Bonjour à tous!

a écrit :
ça n'a rien avoir avec xhtml et css ça Smiley cligne

Et si tu nous montrais l'erreur ?


J'aimerais bien vous montrer l'erreur cependant je ne sais pas elle est ou?
(oui je sais il n'y a pas le petit accent sur mon "ou" mais je ne l'ai jamais trouvé sur mon clavier Smiley confus )

Tout ce que IE me dit lors de la visualisation est " invalid syntax error" dans le petit rectangle et sur le net "page cannot be displayed" avec un url finissant par html.

Je ne sais pas quoi vous dire de plus! Smiley confused

Merci de votre aide!
Administrateur
Fleuretta a écrit :

J'aimerais bien vous montrer l'erreur cependant je ne sais pas elle est ou?
(oui je sais il n'y a pas le petit accent sur mon "ou" mais je ne l'ai jamais trouvé sur mon clavier Smiley confus )
Pas très français tout ça Smiley smile
Tu veux dire "je ne sais pas où elle est" ?

Note : la touche "ù" est juste à droite de la touche "m" Smiley smile

PS: tu n'as toujours pas modifié tes messages précédents pour afficher les codes lisiblement, comme nous te l'avons demandé Smiley ohwell
Modifié par Raphael (07 Jul 2005 - 14:02)
Raphael a écrit :
Pas très français tout ça Smiley smile
Tu veux dire "je ne sais pas où elle est" ?

Note : la touche "ù" est juste à droite de la touche "m" Smiley smile

PS: tu n'as toujours pas modifié tes messages précédents pour afficher les codes lisiblement, comme nous te l'avons demandé Smiley ohwell



Désolée mais je n'ai pas compris vos explications donc je n'ai pas pu faire les changements et lorsque je regarde ce que j'ai mis je vois les choses corrects. Smiley confused

Concernant le fameu u avec l'accent je n'ai pas ça à côté du m. Mon xp est en anglais donc sur le clavier ce n'est pas pareil.

Merci
Ton code s'affiche, mais pas comme il faut:

tu trouves tes messages précédents , tu fais "modifier" et ensuite tu met [code ] avant le début de ton code et [/code ] après la fin de ton code. J'ai mis un espace entre le 'e' de code et le '[' . Tu ne dois pas les mettre.

Pour ton problème, il ne vient pas du code html ou css ou autre. Tu sais nous faire une capture d'écran ?
Modifié par TriadPtale (07 Jul 2005 - 14:17)
Administrateur
Fleuretta a écrit :

Désolée mais je n'ai pas compris vos explications donc je n'ai pas pu faire les changements et lorsque je regarde ce que j'ai mis je vois les choses corrects. Smiley confused

OK, j'avoue que je n'ai peut-être pas été très explicite.
Pourtant, tu as théoriquement lu et approuvé les Règles du forum avant d'y poster.

Je te rappelle donc la Règle 13, celle qui concerne l'affichage des Codes :

a écrit :
13- Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème.

Comme tu le vois, ce n'est pas très compliqué Smiley cligne
Si tu as un soucis, plutôt que de faire semblant de ne rien avoir vu, n'hésite pas à le dire Smiley smile
Modifié par Raphael (07 Jul 2005 - 14:41)
J'ai fais les changements . J'espère que j'ai bien fais ça!

Concernant l'adresse url qui s'affiche lorsque je visualise sur le net, je voyais bien que quelque chose n'allait pas dans cette adresse. C'est pour cela que je vous l'avais mis ici. Cependant je ne sais pas comment réglé le problème car je ne sais d'ou vient le problème.

Merci encore
Merci pour les changements, c'était bien ça Smiley smile

Concernant l'adresse :

je penses que tu ne sais absolument pas ce que tu fais ....

Cette adresse est une pseudo adreses locale générée à la volée par DW quand tu fais une preview...

Déjà que j'ai toit en local ça ne doit plus s'afficher depuis longtemps, comment veux tu que ce soit accessible via internet ? Smiley confus
Vous avez entièrement raison que je ne sais pas toujours ce que je fais car j'essais de comprendre tant bien que mal toute la machine informatique. Au mois de janvier je ne savais pas faire un copier coller donc tout cela n'est pas toujours évident! Smiley decu Mais au moins j'essais et j'apprends petit à petit. Smiley smile

Concernant la visualisation sur le net , je dois comprendre que c'est mon DW qui est mal configuré. Donc je vais voir à corriger cela. On apprend de nos erreurs!

Merci encore de votre aide.