Probleme insertion fond de page nvu

Résolu/Fermé
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 - 6 nov. 2006 à 23:45
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 14 nov. 2006 à 02:28
bonsoir, escusez moi de vous derranger.....

mais voila j'ai un petit soucis, je me suis créer un tout petit site web (gratuit) pour une location de maison,
ceci à l'aide du logiciel nvu mais voila je trouve mes pages un peu palotte (couleur de fond de page blanc) et je n'arrive pas a savoir comment inserer ce fond de page ???

j'ai bien ma texture qui me conviendrai mais a chaque fois que je transfert ma page chez mon hébergeur... rien ne se passe l(le fond reste toujour blanc)

comment faire s'il vous plait!
hélas je ne connait rien en language html, et je n'ai certainement pas créer mes pages comme il le faudrai .... mais je penses que quelq'un trouvera bien quelque chose pour m'aider!

merci par avance
A voir également:

24 réponses

Lust Messages postés 243 Date d'inscription mercredi 28 septembre 2005 Statut Membre Dernière intervention 12 septembre 2007 123
7 nov. 2006 à 02:28
Voila un tuto sur les images de fonds :
http://www.e-rus.net/tutodivers/58.CSS_Image_fond_page_web.aspx
0
faut aller dans Format/ couleur et fond de page (utiliser le bouton "parcourir" pour sélectionner l'image), ensuite transférer le tout via un client FTP (en n'oubliant pas le dossier images) et s'assurer que l'image soit en lien relatif (exemple: images/mon_fond.gif), normalement c'est réadapté automatiquement après déplacement. ;-)
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
7 nov. 2006 à 19:18
merci de ta reponse "king",

voila j'avais bien compris que je trouvais mon fond de page dans :
Format/ couleur et fond de page (utiliser le bouton "parcourir" pour sélectionner l'image)..

je penses ne pas etre tres loin de la solution, mais il doit me manquer quelque chose.....

je te copis un bout de ma page web ou se trouve mon fond de page (mon fichier se nomme: "crepi.jpg")


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script></script>
<title>accueil</title>
<meta name="Description"
content="location maison de charme, indépendante et meublée, avec piscine, pour dix personnes. A environ 25 kms de Bergerac et périgueux, et proche des sites les plus prestigieux de la région. proche toutes commoditées.">
<meta name="Keywords"
content="location maison, Bergerac, Périgueux,Jaure, Villamblard, Périgord, Dordogne, vacances, chez l'habitant, piscine, campagne, grands espaces, Perigordsoleil">
<meta name="Author" content="VL">
<meta name="Robots" content="all">
</head>
<body style="background-image: url(crepi.jpg);">
<div style="text-align: center; margin-top: 115px; height: 117px;"><img
alt="" style="width: 400px; height: 117px;"
src="perigordsoleil.jpg"> </div>
<div style="text-align: center;"><br>
<br>
<table
style="width: 700px; height: 30px; text-align: left; margin-left: auto; margin-right: auto;"
border="3" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; width: 82px;"><a
href="index.html">Accueil</a></td>
<td style="text-align: center; width: 116px;"><a
href="presentation.html">Présentation</a></td>
...
...
...


voili voilou, lorsque je publi ma page au niveau du fond de page rien ne se passe.... a lors que tout le reste es bon!!!
j'espere que tu pourras m'aider merci bien
0
vi, ici vu que c'est un style, le:
style="background-image: url(crepi.jpg);"

devrait être comme:
style="background-image: url('crepi.jpg');"

Soit les --->' en plus dans la parenthèse :-)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tant que j'y pense, faut dans ce cas ci que ton image se trouve au même niveau que ta page.

Et si tu as un DIV général, il est préférable de mettre le background sur lui plutôt que la balise <body>
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
7 nov. 2006 à 19:33
Bonjour,

La présence de “ ' ” ou de “ " ” n'influe pas sur l'url des images.

L'image est-elle bien présente sur le serveur ?
Dans le même dossier que la page dont tu donnes un extrait ?
Comment transfères-tu les fichiers ?

+ Un conseil sans prétentions.
On suppose que si tu postes ici c'est que, comme beaucoup, tu rencontres des “problèmes”.
Utilises des titres plus directs, comme : [Nvu] fond de page ?
Voir : lo%EFc%20B ou probl%E8me?forum_num=

0
vi je viens de tester, le ' là ou pas, ça ne change rien ;-)

Donc si tu ne vois pas l'image, semble qu'elle ne soit pas là où elle devrait.
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
7 nov. 2006 à 23:33
merci de tout cet entousiasm...
je vois beaucoup de reponses .... merci encore!

alors en fait je penses que mon pb viens du fait que mon image n'es pas présente dans le serveur!
(mais bon c'est juste mon avis je n'en suis pas du tout sur)
je dis ca car quand je publi ma page (avec nvu) je voi bien toute mes photos qui se transferent... sauf celle de mon fond de page!
je ne comprend pas!

ai-je le droit de donner l'adresse de mes pages web pour que vous puissiez analyser cela?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
8 nov. 2006 à 00:23
Évidemment.
Ça aide (-;
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
8 nov. 2006 à 00:44
le voila :

http://membres.lycos.fr/perigordsoleil/
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
8 nov. 2006 à 14:13
Ça permet de vérifier que l'image n'est pas à la place voulue.
Son nom n'est peut-être pas réellement celui qui est utilisé dans l'url :
http://membres.lycos.fr/perigordsoleil/crepi.jpg
http://membres.lycos.fr/perigordsoleil/crepi.jpeg
http://membres.lycos.fr/perigordsoleil/Crepi.jpg
http://membres.lycos.fr/perigordsoleil/crépi.jpg
http://membres.lycos.fr/perigordsoleil/images/crepi.jpg

Alors que http://membres.lycos.fr/perigordsoleil/perigordsoleil.jpg

Il semble donc que le transfert ne se fait pas.
C'est bien l'image qui est dans le dossier racine du site sur ton disque ? Pas un raccourci ?

Essaye de placer l'image dans un sous-dossier. “images” par exemple.
Redéfinis le lien dans la page.
Retransfère.
 ?

+ Ta page contient deux fois la même chose.
Et les liens ne sont réactivés que lorsque la pub est passée.
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
8 nov. 2006 à 23:48
bonsoir...
merci a toi gihef de tes petites explications, j'ai modifié mon double de page....
et mon nouveau fichier background se trouve dans un dossier image.. (ce que tu peux voir sur mon site: http://membres.lycos.fr/perigordsoleil/
mais helas rien ne se passe?!!!!
que faire?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2006 à 00:15
Peux-tu déposer “crepi.jpg” quelque part ?
->Ici<- par exemple ?
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
9 nov. 2006 à 00:28
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2006 à 00:56
Aïe !

Elle est OK.

Alors, ça peut venir de l'hébergeur qui ne le permet pas de cette manière ?

Essaye ça :
Place l'ensemble de ta page dans une nouvelle <div> dont le fond remplacera celui que tu mets en fond de page (d'où tu l'enlèveras)
<body>
  <div style="background-image: url(crepi.jpg);margin:0;">
…
N'oublie pas de la refermer à la fin de la page
…
  </div>
</body>


Si ça reste un problème de transfert, t'est-il possible de le faire à l'aide d'un client FTP plutôt que par Nvu ?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2006 à 05:32
Ou, si ça reste un problème de transfert, tu peux peut-être le contourner en créant une nouvelle page où tu placeras simplement crepi.jpg. Avec <img>, pas en fond.
Il devrait transférer la page et l'image.
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
10 nov. 2006 à 00:54
bonsoir,

tout d'abord je te remerci pour toute l'aide que tu m'apporte,

mais voila, ca fait 3h que je bataille a esseyer de comprendre et executer ce que tu ma dis de faire ... je n'y arrive pas!

en fait je ne connais pas grand chose du tout au language et codage html (j'ai créer mes pages web avec nvu par ce que c'est un logiciel ou tu ecris, insert tes photos..... comme dans word sans rien paramettrer et ensuite il suffis de publier!)

et la je suis en galere car je n'arive pas a comprendre exactement ceque tu me demande de faire...
je ne sais pas si tu vas pouvoir me l'expliquer autrement.... je l'espere

je te copis le codage de ma premiere page web en esperant que tu pourras me monttrer exactement ce qu'il faut et ou il faut que j'insert des choses!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>accueil</title>
<meta name="Description"
content="location maison de charme, indépendante et meublée, avec piscine, pour dix personnes. A environ 25 kms de Bergerac et périgueux, et proche des sites les plus prestigieux de la région. proche toutes commoditées.">
<meta name="Keywords"
content="location maison, Bergerac, Périgueux,Jaure, Villamblard, Périgord, Dordogne, vacances, chez l'habitant, piscine, campagne, grands espaces, Perigordsoleil">
<meta name="Author" content="VL">
<meta name="Robots" content="all">
</head>
<body height="">
<div style="text-align: center; margin-top: 115px; height: 117px;"><img
alt="" style="width: 400px; height: 117px;"
src="perigordsoleil.jpg"><br>
</div>
<div style="text-align: center;"><br>
<br>
<table
style="width: 700px; height: 30px; text-align: left; margin-left: auto; margin-right: auto;"
border="3" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; width: 82px;"><a
href="index.html">Accueil</a></td>
<td style="text-align: center; width: 116px;"><a
href="presentation.html">Présentation</a></td>
<td style="text-align: center; width: 106px;"><a
href="plan_acces.html">Plan
d'accès</a></td>
<td style="text-align: center; width: 83px;"><a
href="tarifs.html">Tarifs</a></td>
<td style="text-align: center; width: 188px;"><a
href="contact_reservation.html">Contact-Réservation</a></td>
<td style="text-align: center; width: 69px;"><a
href="visites.html">Visites</a></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<b><i><span
style="font-size: 26pt; font-family: "Times New Roman";">Périgord ,<span
style=""> 
</span>Pays et terres de l’homme.</span></i></b><br>
<br>
<br>
<br>
<table
style="width: 100px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 700px; height: 394px;" alt=""
src="file:///C:/Documents%20and%20Settings/LOIC/Mes%20documents/LOIC/location%20jaures/photos_html/entree.jpg"><br>
</td>
</tr>
</tbody>
</table>
<br>
<span style="font-family: Arial; font-weight: bold;">BIENVENU
CHEZ VOUS</span><br>
<br>
<br>
<br>
<br>
<table
style="width: 650px; height: 75px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: left;"><span
style="font-size: 12pt; font-family: "Times New Roman";">La
location qui vous est proposée se situe dans un ravissant et
pittoresque
village de </span><span
style="font-size: 12pt; font-family: "Times New Roman";">campagne
dont les monuments les plus anciens sont une fontaine et une
église romane du
12 </span><sup><span
style="font-size: 12pt; font-family: "Times New Roman";">ème</span></sup><span
style="font-size: 12pt; font-family: "Times New Roman";">
siècle où la famille Talleyrand
Périgord est venue
fouler les terres de Jacquou le Croquant.</span><br>
<span style="font-size: 12pt; font-family: "Times New Roman";"></span><br>
<span style="font-size: 12pt; font-family: "Times New Roman";"></span><span
style="font-size: 12pt; font-family: "Times New Roman";">Ce
village de 140 habitants, aussi calme que charmant, est
idéalement situé, au
centre de la </span><span
style="font-size: 12pt; font-family: "Times New Roman";">Dordogne,
à mi-distance entre Périgueux et Bergerac (25 Km).</span></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<p style="height: 18px;" align="center"><img
style="width: 9px; height: 7px;" alt="" src="top.gif">
<a href="#top">Remonter
en haut de page</a></p>
</div>
</body>
</html>
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
10 nov. 2006 à 02:13
Le plus simple c'est que je te donne un exemple.

Quelques explications ont été mises sous forme de commentaires entre <!--  et  -->.

Enregistre-la sur ton disque.
0
loïc B Messages postés 165 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 24 juillet 2007 1
10 nov. 2006 à 15:06
bonjour,

houaou!
merci pour ta page... super bien!

j'ai regardé tout ca je l'ai enregistré sur mon ordi et j'ai essayé de travailler avec!

j'ai toujours mon probleme!

je te copis mon nouveau codage mais tu peux aussi allé voir sur mon site la difference!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>accueil</title>
<meta name="Description"
content="location maison de charme, indépendante et meublée, avec piscine, pour dix personnes. A environ 25 kms de Bergerac et périgueux, et proche des sites les plus prestigieux de la région. proche toutes commoditées.">
<meta name="Keywords"
content="location maison, Bergerac, Périgueux,Jaure, Villamblard, Périgord, Dordogne, vacances, chez l'habitant, piscine, campagne, grands espaces, Perigordsoleil">
<meta name="Author" content="VL">
<meta name="Robots" content="all">
</head>
<body
style="margin: 0pt; padding: 0pt; text-align: center; font-family: Verdana,Helvetica,Arial,sans-serif;">
<div
style="margin: 0pt auto; padding: 0pt; background-image: url(crepi.jpg);"> <img
alt="" style="margin-top: 115px; width: 400px; height: 117px;"
src="perigordsoleil.jpg"><br>
<div> <br>
<br>
<table
style="font-size: 90%; width: 700px; height: 30px; text-align: left; margin-left: auto; margin-right: auto; background-color: rgb(255, 249, 223);"
border="3" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; width: 82px;"><a
href="index.html">Accueil</a></td>
<td style="text-align: center; width: 116px;"><a
href="presentation.html">Présentation</a></td>
<td style="text-align: center; width: 106px;"><a
href="plan_acces.html">Plan
d'accès</a></td>
<td style="text-align: center; width: 83px;"><a
href="tarifs.html">Tarifs</a></td>
<td style="text-align: center; width: 188px;"><a
href="contact_reservation.html">Contact-Réservation</a></td>
<td style="text-align: center; width: 69px;"><a
href="visites.html">Visites</a></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<p
style="font-size: 26pt; font-family: Georgia,'Times New Roman',Times,serif;"><b><i>Périgord<br>
Pays et terres de l’homme.</i></b></p>
<br>
<br>
<br>
<br>
<table
style="width: 100px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;"><img
style="width: 700px; height: 394px;" alt=""
src="entree.jpg"><br>
</td>
</tr>
</tbody>
</table>
<br>
<span style="font-family: Arial; font-weight: bold;">BIENVENU
CHEZ VOUS</span><br>
<br>
<br>
<br>
<br>
<br>
<table
style="width: 650px; height: 75px; text-align: left; margin-left: auto; margin-right: auto; background-color: rgb(255, 249, 223);"
border="1" cellpadding="15" cellspacing="2">
<tbody>
<tr>
<!-- Proposé des polices alternatives : font-family: Georgia, 'Times New Roman', Times, serif; -->
<td style="text-align: left;"><span
style="font-size: 12pt; font-family: Georgia,'Times New Roman',Times,serif;">La
location qui vous est proposée se situe dans un ravissant et
pittoresque village de </span><span
style="font-size: 12pt; font-family: Georgia,'Times New Roman',Times,serif;">campagne
dont les monuments les plus anciens sont une fontaine et une
église romane du 12</span><sup><span
style="font-size: 8pt; font-family: Georgia,'Times New Roman',Times,serif;">e</span></sup>
<span
style="font-size: 12pt; font-family: Georgia,'Times New Roman',Times,serif;">siècle
où la famille Talleyrand Périgord est venue
fouler les terres de Jacquou le Croquant.</span><br>
<br>
<span
style="font-size: 12pt; font-family: Georgia,'Times New Roman',Times,serif;">Ce
village de 140 habitants, aussi calme que charmant, est
idéalement situé, au centre de la</span> <span
style="font-size: 12pt; font-family: Georgia,'Times New Roman',Times,serif;">Dordogne,
à mi-distance entre Périgueux et Bergerac
(25 km).</span></td>
</tr>
</tbody>
</table>
<br>
<br>
<br>
<br>
<div style="font-size: 90%; height: 38px;" align="center"><img
style="width: 9px; height: 7px;" alt="" src="top.gif">
<a href="#top">Remonter
en haut de page</a> <img style="width: 9px; height: 7px;"
alt="" src="top.gif"></div>
</div>
</div>
</body>
</html>



juste une chose: es normal que lorsque j'enregistre dans mon ordi la page que tu a crée il n'y a pas de fichier crépi.jpg!


alors que j'ai une page html se nommant accueil, un dossier accuiel_fichier ou se trouve dedant: entree.jpg, perigordsoleil.jpg, top.gif et pl.html...... mais pas de crepi.jpg!
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
10 nov. 2006 à 15:14
Si ça peut t'aider, j'ai mis à jour le fichier en ajoutant des commentaires.

“est-ce normal” ?
Oui.
La page que je t'ai proposée est dans le même dossier que l'image. L'image est appelé par “background-image: url(crepi.jpg)” qui indique au navigateur qu'il la trouvera au même niveau, dans le même dossier que le fichier html.
Tu afficheras donc l'image en la mettant dans ce même dossier.
Ou en modifiant le lien pour indiquer où se trouve l'image.
0