18041 sujets

Questions générales et questions de débutants

Affichage de certaines images [Résolu]

Bonjour à tout le monde

Je suis débutant dans le html et autres langages Internet.

Pour ma femme, je souhaite créer un site Internet et qui serait hebergé par Voila.fr.

J'ai obtenu la structure de page Html et j'ai modifié les textes, images...
J'ai essayé via mon Pc de cliquer sur le fichier index.html et ensuite de naviguer dans les différentes pages et cela fonctionne.

Par contre après avoir exporté tous les fichiers et images vers le site Voila.fr, l'affichage de certaines images ne se fait pas et il y a une croix à la place mais le lien s'effectue quand même.

La structure de l'appel des images qui ne fonctionne pas semble identique
à celles qui fonctionnent

Merci pour votre aide.

Hervé
____________________________
Le code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>France en direct</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="nocache">
<meta http-equiv="expires"
content="Thu, 1 January 1900 00:00:00 PST">
<!--KEYWORDS-->
<meta name="keywords" content="{MetaKeywords}">
<!--EKEYWORDS--><!--AUTHOR-->
<meta name="author" content="{author}">
<!--EAUTHOR--><!--METADESC-->
<meta name="description" content="{MetaDescription}">
<!--EMETADESC--><!--CSS--><!--{CssStyles}--><!--ECSS-->
</head>
<body leftmargin="0" topmargin="0"
style="background-color: rgb(126, 163, 211);" marginheight="0"
marginwidth="0">
<table align="left" width="772">
<tbody>
<tr>
<td>
<table align="center"
background="images/inner_image_1.png" border="0"
cellpadding="0" cellspacing="0" width="772">
<tbody>
<tr>
<td align="left" valign="top">
<table
style="width: 772px; height: 69px; text-align: left; margin-left: auto; margin-right: auto;"
background="" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td>
<table style="width: 767px; height: 40px;"
background="" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td style="width: 93px;"
align="center"><img src="images/logo.gif"
height="1" width="1"><a href="Index.html"><img
src="images/home_01.gif" alt=""
style="border: 0px solid ; width: 93px; height: 32px;"></a></td>
<td
style="width: 452px; text-align: center; color: rgb(255, 102, 0);"><strong><font
face="Courier New, Courier, mono" size="5">France en
direct</font></strong></td>
<td style="width: 214px; text-align: center;"><a
href="France_en_direct_chinois.html"><img
style="border: 0px solid ; width: 52px; height: 38px;" alt=""
src="images/Chine.gif"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0"
cellspacing="0" width="772">
<tbody>
<tr align="left" valign="top">
<td width="316"><img
style="width: 316px; height: 153px;" alt=""
src="images/France%20en%20direct.jpg"><br>
</td>
<td background="images/inner_image_3.png"
width="456">
<table background="images/inner_image_2.png"
border="0" cellpadding="0" cellspacing="0"
height="22" width="456">
<tbody>
<tr>
<td align="left" width="110"><img
src="images/s_button.png" height="22" width="110"></td>
<td align="left" width="110"><img
src="images/s_button.png" height="22" width="110"></td>
<td align="left" width="110"><img
src="images/s_button.png" height="22" width="110"></td>
<td align="left" width="126"><img
src="images/s_button.png" height="22" width="110"></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><strong><font color="#ffffff"
face="Courier New, Courier, mono" size="3">Page
en
construction</font></strong></p>
<table border="0" cellpadding="0"
cellspacing="0" height="35" width="456">
<tbody>
<tr>
<td valign="bottom"><strong><font
color="#ffffff" face="Courier New, Courier, mono"
size="3">&nbsp;</font></strong></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" background="images/in_bg.png"
border="0" cellpadding="0" cellspacing="0"
width="772">
<tbody>
<tr>
<td align="left" valign="top">
<table background="" border="0"
cellpadding="0" cellspacing="0" width="772">
<tbody>
<tr align="left" valign="top">
<td align="center" width="158">
<table background="" border="0"
cellpadding="0" cellspacing="10" width="128">
<tbody>
<tr>
<td><a href="sommaire_francais.html"><img
style="border: 0px solid ; width: 140px; height: 25px;" alt=""
src="images/m_button%20Sommaire1.png"></a><br>
</td>
</tr>
<tr>
<td><a
href="Suivez_mon_regard_francais.html"><img
style="border: 0px solid ; width: 140px; height: 25px;" alt=""
src="images/m_button%20Suivez%20mon%20regard1.png"></a><br>
</td>
</tr>
<tr>
<td><a
href="Regards_croises_francais.html"><img
style="border: 0px solid ; width: 140px; height: 25px;" alt=""
src="images/m_button%20Regards%20crois%E9s1.png"></a></td>
</tr>
<tr>
<td><a
href="Partagez_vos_idees_francais.html"><img
style="border: 0px solid ; width: 140px; height: 25px;" alt=""
src="images/m_button%20Partagez%20vos%20id%E9es1.png"></a></td>
</tr>
<tr>
<td><a href="Quizz_francais.html"><img
style="border: 0px solid ; width: 140px; height: 25px;" alt=""
src="images/m_button%20Quizz1.png"></a></td>
</tr>
<tr>
<td><img
style="width: 140px; height: 25px;" alt=""
src="images/m_button%20boite%20aux%20lecteurs.png"></td>
</tr>
</tbody>
</table>
</td>
<td width="614">
<table border="0" cellpadding="0"
cellspacing="10" width="614">
<tbody>
<tr align="left" valign="top">
<td width="438">
<div align="justify"><font
face="Trebuchet MS, Verdana" size="2">Page en
construction. <br>
Page en construction. <br>
Page en
construction. <br>
Page en construction. <br>
Page en construction. <br>
Page en construction. <br>
</font></div>
</td>
<td style="text-align: center;"
width="146"><img style="width: 122px; height: 112px;"
alt="" src="images/trav03.gif"><br>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0"
cellspacing="10" width="614">
<tbody>
<tr align="left" valign="top">
<td>
<div align="justify">
<p><font face="Trebuchet MS, Verdana"
size="2"><img style="width: 532px; height: 34px;"
alt="" src="images/trav02.gif"></font></p>
<p><font face="Trebuchet MS, Verdana"
size="2">Page en construction. <br>
Page en construction. <br>
Page en
construction. <br>
Page en construction. <br>
Page en construction. <br>
Page en construction. <br>
</font></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<center><font color="#209abb"
face="Trebuchet MS, Verdana" size="2"><!--COPYRIGHT--></font><font
color="#ffffff" face="Trebuchet MS, Verdana" size="2"><font
face="Courier New, Courier, mono">Copyright Wendy HU</font>
</font><font color="#209abb"
face="Trebuchet MS, Verdana" size="2"><!--ECOPYRIGHT--></font></center>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Modifié par Herve91 (03 Oct 2006 - 00:01)
Bonsoir,

tu devrais plutôt mettre un lien vers la page en question que de copier du code en longueur comme ça qui est assez rebutant à lire comme tu ne l'a pas insérré avec les balises de mise en forme code prévues à cet effet.

C'est certainement une histoire de chemin.

Tes images sont dans un dossier image.
Les pages à cotés du dossier images pourront avoir des images avec ce chemins :
<img src="./images/Chine.gif" alt="">

Les pages qui sont pas au même niveau que ton dossier image car elles sont dans un dossier page (par exemple) devront avoir des images avec ce chemin:
<img src="../images/Chine.gif" alt="">

Les deux points (../) c'est pour sortir du dossier pages.

Essayes...

Autrement tu dois savoir que ce forum est spécifique au standards... Smiley smile
Modifié par Hum (02 Oct 2006 - 20:49)
Bonsoir,
Merci déja pour ce message.
C'est vrai que c'est un peu rebutant de lire le code.
Voici le lien: http://bonjourlafrance.site.voila.fr/
C'est à partir de la deuxième page que cela se corse.
Par la suite, je me pencherai un peu plus profondément dans le CSS mais ma femme doit présenter la structure d'un site pour des échanges Franco Chinois.

Merci encore pour ton aide Hum
Hello Smiley smile
Peut-être s'agit-il d'un problème de casse ? Majuscule et minuscule ?
Certains serveurs sont sensibles et le mieux est de tout mettre en minuscule.
Niklaus
Modifié par Niklaus (02 Oct 2006 - 21:19)
Bonsoir,

J'utilse le logiciel Nvu pour la construction du site.
Dans le code par exemple pour appeler une image
cela correspond à :
images/m_button%20Suivez%20mon%20regard1.png
C'est vrai que le %20 correspond à des espaces dans le nom réel de l'image.
Ensuite j'ai essayé de mettre ./ devant images/....
toutes les images sont dans ce repertoire. Enfin certaines images s'affichent correctement
Dur dur la vie d'un débutant Smiley biggrin
merci
Bonjour,

J'ai trouvé mon problème.
dans les nom des fichiers il ne faut pas mettre d'espace, les _ fonctionnent par contre.
je vais modifier toutes les images incriminées.
merci à vous encore.

Hervé Smiley biggrin Smiley biggrin
Modérateur
Bonsoir Herve91,

C'est normal vu que la majorité des serveurs sont sous Linux et que celui-ci n'autorise pas les espaces dans les noms de fichier. Smiley smile

Petit rappel : Il y a les balises code pour la mise en forme des codes au sein des messages et ces derniers doivent porter la mention résolu une fois la solution trouvée... comme indiqué dans les règles que tu as lues et acceptées lors de ton inscription. Smiley cligne
Modifié par koala64 (02 Oct 2006 - 22:30)
Bonsoir,

C'est exact j'allais le faire mais je me suis lancé dans les modifs de mon site pour résoudre ce probleme.
C'est ce qui est fait et cela fonctionne pour une première presentation de ce site a des personnes.
Donc c'est resolu et je vais essayer de suivre la procedure et encore merci de m'avoir aiguiller.
Nota: je vais me pencher sur le CSS rapidement.

hervé
Sujet clos
Aller à