Apparition page web
Bonjour,
J'ai utilisé durant quelques temps Dreamwaver. Etant un peu compliqué, je suis passée sur Nvu. Je me suis proposé de créer le site de l'entreprise de mon homme, pour lui éviter des frais supplémentaire.
Je suis partie d'un modèle pris sur internet. Jusque la, tout va bien.
Je le modifie et le personnalise, non sans mal, et crée toutes mes pages.
En aperçu, il est simpa et correspond à peu près à ce que je souhaitais faire.
J'éfface donc l'ancien et je met en ligne avec Fillezila ce petit nouveau.
Bimbadaboum. C'était trop simple pour être vrai. Ma page n'à plus aucune mise en page. Le fond était blanc, il se retrouve noir, les images n'apparaissent pas ... La total.
Avez vous une solution ? Car moi, je suis perdue ...
Merci de votre attention.
Bonne journée à vous.
Cécile. (DEBUTANTE)
J'ai utilisé durant quelques temps Dreamwaver. Etant un peu compliqué, je suis passée sur Nvu. Je me suis proposé de créer le site de l'entreprise de mon homme, pour lui éviter des frais supplémentaire.
Je suis partie d'un modèle pris sur internet. Jusque la, tout va bien.
Je le modifie et le personnalise, non sans mal, et crée toutes mes pages.
En aperçu, il est simpa et correspond à peu près à ce que je souhaitais faire.
J'éfface donc l'ancien et je met en ligne avec Fillezila ce petit nouveau.
Bimbadaboum. C'était trop simple pour être vrai. Ma page n'à plus aucune mise en page. Le fond était blanc, il se retrouve noir, les images n'apparaissent pas ... La total.
Avez vous une solution ? Car moi, je suis perdue ...
Merci de votre attention.
Bonne journée à vous.
Cécile. (DEBUTANTE)
Configuration: Windows XP Internet Explorer 6.0
9 réponses
-
Pour plus de précision voici l'adresse de mon site : sarldevincent.fr
-
Donc,
Merci beaucoup pour vos réponses ! J'ai donc enfin vu le problème pour les photos (une petite croix à décocher lors de l'insertion de mes images.)
Miracle, sur mon ordi tout marche. Malheurs, sur un autre ordi, ca ne marche pas ... On ne voit pas les images.
Je les ai donc rétrécies à l'aide de Photofiltre en pensant qu'elles étaient trop lourdes. Mais apparament elles n'apparaissent toujours pas.
Vous les voyez correctement vous ? (sarldevincent.fr)
Heuu et sinon pour les sauts de lignes dans le code source ... ce n'est pas moi. Je ne touche pas à cela. Je fais tout au bidouillage directement dans l'aperçu !
Sur ce, merci d'avance de votre temps et très bonne journée à vous.
Cécile -
Hello !
Dans le code source que tu as posté lundi, tes adresses src semblent correctes. Cependant, lorsque je regarde le code de ton site en ligne, je vois des adresses absolues commençant par file:// et décrivant un emplacement sur ton disque dur. Ça ne peut pas coller…
Je ne connais pas Nvu (ni Dreamweaver, ni autre…) mais, dans la mesure du possible, fais en sorte que toutes tes adresses soient relatives, ou essaye de les éditer manuellement, ça t'évitera ce genre de problèmes.
Autrement, pour appuyer ce que dit nEm3sis au sujet de la capture d'écran : une fois que tu as enregistré l'image, héberge-la sur Imageshack pour la publier sur Internet.
Sinon à part les images, ça marche comme il faut ?
PS : si on suit le code source que tu as posté ici, tu devrais avoir un dossier « images » à la racine de ton site. Or il n'existe pas... Je te le redis en (peut-être) plus clair, tu devrais faire tes tests sur ton ordi avec uniquement des adresses relatives, et, une fois que ça marche, tout mettre en ligne avec la même arborescence de dossiers. -
alors déjà pourquoi sauter tant de ligne (dans le code source sur ton site) c'est chiant à lire ....
ensuite pour te répondre les images ne s'affichent pas car tu demande (par exemple) cette image "images/logoo.jpg" or le dossier images n'existe pas
tu l'as surement mal nommé ou mis ailleurs
il faut que a la racine de ton site tu ai un fichier index.html (que tu as déjà) et un dossier images (il est manquant)(avec dedans les images bien sur)
edit ah tu viens de poster le code source; edit2: a ça fait quand même 10 minutes je l'avais pas vu
on peut le voir facilement en faisant afficher la source du navigateur ;)
donc pas besoin de le poster (et si tu veux quand même le poster utiliser les balise code ^^) a moins qu'il soit différent de celui sur le site que tu as donné en lien
ps : http://www.commentcamarche.net/faq/sujet 398 capture d ecran copie d ecran
https://fr.wikipedia.org/wiki/Capture_d%27%C3%A9cran#Sous_Microsoft_Windows -
Et excusez moi mais je n'arrive pas à mettre ma capture d'écran ... :s
Je vous fait part de ceci : C'est peut etre utile ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<title>Entreprise de Vincent, par Cécile GALOPIN</title>
<meta name="Description"
content="Entreprise de Vincent, par Cécile GALOPIN" />
<meta name="Keywords"
content="Entreprise de Vincent, par Cécile GALOPIN" />
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css"
href="style.css" />
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div id="site">
<div id="header">
<h1>Entreprise de Vincent, par Cécile GALOPIN</h1>
<div style="text-align: center;"><a
href="http://www.nvu.com/"><big
style="font-weight: bold; color: rgb(174, 62, 132);"><span
style="background-color: rgb(255, 255, 255);"><br />
</span></big></a><a href="#logo"><big
style="font-weight: bold; color: rgb(174, 62, 132);"><span
style="background-color: rgb(255, 255, 255);"></span><span
style="background-color: rgb(255, 255, 255);"></span></big></a></div>
<div id="menu">
<ul>
<li class="active"><a href="Acceuil.html">Acceuil</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="R%E9alisations.html">Réalisation</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Liens.html">Liens</a></li>
</ul>
</div>
<div id="second-menu">
</div>
</div>
<div id="main">
<div id="side">
<ul>
<li style="background-color: rgb(51, 51, 51);"><a
href="index.html">Rénovation de
l'habitat</a></li>
<li style="background-color: rgb(51, 51, 51);"><a
href="index.html">Maçonnerie</a><a
href="index.html">Menuiserie Agencement</a></li>
<li style="background-color: rgb(51, 51, 51);"><a
href="index.html">Isolation</a></li>
<li style="background-color: rgb(51, 51, 51);"><a
href="index.html">Peinture</a> </li>
</ul>
</div>
<div id="contenu">
<div style="text-align: center; background-color: rgb(51, 51, 51);"><img
style="width: 283px; height: 188px;" alt="batiment"
src="images/logoo.jpg" /><big><big><big
style="color: rgb(0, 0, 0);"><big><big><span
style="font-weight: bold;"><br />
<br style="color: rgb(0, 0, 0);" />
<span style="color: rgb(255, 255, 255);">
Entreprise de Vincent</span><br style="color: rgb(0, 0, 0);" />
<br style="color: rgb(181, 54, 126);" />
</span></big></big></big></big></big><big
style="font-weight: bold; background-color: rgb(51, 51, 51); color: rgb(181, 58, 106);">La
qualit<span class="Style17">é</span> au
service
des entreprises et des particulier</big><br
style="color: rgb(0, 0, 0);" />
<br style="color: rgb(0, 0, 0);" />
<br style="color: rgb(255, 255, 255);" />
<big style="color: rgb(255, 255, 255);"><big><big><big><big><span
style="font-weight: bold;"></span></big></big></big></big></big><big
style="font-weight: normal; color: rgb(255, 255, 255);"><span
style="color: rgb(255, 255, 255);">Depuis plus de 10 ans,
notre </span><span style="color: rgb(255, 255, 255);"
class="Style20">é</span><span
style="color: rgb(255, 255, 255);">quipe
de professionnels est à votre disposition sur Paris et R</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">gion Parisienne.</span><br />
</big>
<hr style="width: 100%; height: 2px;" /><big
style="font-weight: normal; color: rgb(255, 255, 255);"><br
style="color: rgb(0, 0, 0);" />
</big>
<p class="date"><img
style="width: 234px; height: 175px;" alt="rénovation"
src="images/beaubureau.jpg" /> <big
style="font-weight: normal;"><span class="Style19"><span
style="color: rgb(255, 255, 255);"></span></span></big></p>
<p class="date"><big style="font-weight: normal;"><span
class="Style19"><span style="color: rgb(255, 255, 255);">Sp</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">cialistes
de la r</span><span style="color: rgb(255, 255, 255);"
class="Style20">é</span><span
style="color: rgb(255, 255, 255);">novation
de l'habitat, nous vous garantissons des travaux de r</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">novation pr</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">cis et
soignés.</span></span></big></p>
<br />
<p><big style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"><img
style="width: 239px; height: 178px;" alt="travaux"
src="images/bureaudeux.jpg" /></span></big></p>
<p><big style="font-weight: normal;"><span
class="Style19"><span style="color: rgb(255, 255, 255);">
Sp</span><span style="color: rgb(255, 255, 255);"
class="Style20">é</span><span
style="color: rgb(255, 255, 255);">cialistes
de la r</span><span style="color: rgb(255, 255, 255);"
class="Style20">é</span><span
style="color: rgb(255, 255, 255);">novation
de l'habitat, nous vous garantissons des travaux de r</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">novation pr</span><span
style="color: rgb(255, 255, 255);" class="Style20">é</span><span
style="color: rgb(255, 255, 255);">cis et
soignés.</span></span></big><big
style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"></span></big></p>
<p><br />
<big style="color: rgb(255, 255, 255);"><span
class="Style19">L'ensemble des chantiers
est trait<span class="Style20">é</span>
par des pr</span>ofessionnels du batiment.</big></p>
<p><big style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"></span></big></p>
</div>
<div style="color: rgb(255, 255, 255);" class="post">
<p class="date"></p>
<p class="date"><big style="font-weight: normal;"><span
class="Style19"></span></big></p>
<p class="date"><big style="font-weight: normal;"><span
class="Style19"><br />
<span style="color: rgb(255, 255, 255);"><br />
</span><span style="color: rgb(255, 255, 255);"></span></span></big></p>
<p class="date"><br />
</p>
</div>
<div class="post"><br />
<big style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"></span></big><big
style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"></span></big>
</div>
<div class="post">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p><big style="font-weight: normal;"><span
style="color: rgb(0, 0, 0);"></span></big></p>
</div>
</div>
<div id="right-sidebar">
<div class="box">
<div class="meta"><span class="titre">Coordonnées</span><span
class="date"></span></div>
<ul>
<li>Adresese : 36 route des Fiefs</li>
<li>27150 Nojeon-en-Vexin</li>
<li>Tel : 06.63.01.69.10</li>
<li>Email : jean-paul.cocolo@wanadoo.fr</li>
</ul>
<div class="meta"><span class="titre"></span><span
class="date"></span></div>
<p class="Style14" align="justify">M. Jea<span
class="Style19">n-Paul COCOLO, g<span class="Style20">é</span>rant
de l'entreprise est votre interlocuteur de votre demande de devis, </span>jusqu'à
l'aboutissement de votre projet.</p>
<p></p>
</div>
<div class="box">
<div class="meta"><span class="titre">Partenaires</span><span
class="date"></span></div>
<ul>
<li style="text-align: justify;"></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<p> <span style="text-decoration: underline;">Mise
à jour : le 17 Juin 2009</span></p>
</div>
</div>
<div style="position: absolute; top: 50px; left: 50px;">
<noscript></noscript>
</div>
</body>
</html> -
Bonjour,
J'ai fais quelques modifs. Ma page me va à peu près mais les photos ne s'affichent toujours pas. Pourtant j'ai bien changé ce qui n'allais pas.
(Les photos dans le site, correspondent bien au dossier images du site)
Ca ne marche toujours pas ...
Fiouuu ... pas facile de vouloir rendre service ...
Une petite idée ?
sarldevincent.fr
Merci par avance.
Cécile -
Salut,
pour comparer, peux-tu m'envoyer une capture d'écran de ce que ça devrait donner normalement ?
Sinon, j'ai déjà identifié le problème (ou plutôt les problèmes) pour les images.
* Primo, il y a un problème avec le dossier images qui est en ligne, regarde : http://sarldevincent.fr/images/
* Secundo, tes images sont écrites dans le code HTML avec une adresse relative qui correspond, sur le site, à un répertoire inexistant. Exemple :src="../../Web/Images/Architectural-Details-0016.jpg"
Si tu es mal à l'aise avec ces histoires de chemin relatif / chemin absolu, je t'encourage à lire cette section du site du Zéro, c'est très bien expliqué et on comprend vite.
Il faudra que tu modifies l'adresse src des tes images pour qu'elles fonctionnent à nouveau. Je te conseille d'organiser tes dossiers de tests comme sur le vrai site, et de modifier tes adresses relatives à partir de là, comme ça tu n'auras plus de problèmes par la suite. -
Bonjour,
Merci de ta réponse rapide.
J'ai pensé que cela pouvais venir de plusieurs feuilles de style. Mais lorsque je met mes fichiers dans filezilla, je n'en vois qu'une.
Et sinon, j'ai mis "en vrac" mes 4 pages html ainsi que mon dossier : images (avec toutes les images dedans) et le fichier style.css
...
Une autre possibilité ? -
Bonjour,
tu donnes peu de détails mais je crois deviner une partie du problème. Tu as pris un thème préconstruit avec des images, et sans doute une ou plusieurs « feuilles de style » (les fichiers « .css »).
Corrige-moi si je me trompe, je suppose que tu as mis en ligne uniquement les pages HTML, et pas les feuilles de style ni les images, ce qui expliquerait les aberrations d’affichage…
En effet, quand tu as fait les modifs, les pages avaient toutes ces pièces « autour d’elles » à portée de main. Quand tu les as envoyées par Filezilla, elles se sont retrouvées perdues car le reste est resté sur ton ordi.
J’espère que je réponds à ton problème ;)
