Image ne s'affiche pas

amalthee -
carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention - 29 mars 2008 à 15:53

Bonjour, j'avais créé précédemment un site en passant sur free et tout s'était bien déroulé. J'en ai créé un autre toujours sur free. Tout s'est bien passé sauf qu'une de mes images "salleamanger.jpg" ne s'affiche pas. J'ai regardé dans mon bloc note pour voir ce que je n'avais rien fait de bien, et je n'ai vu aucune différence par rapport aux autres photos. Ce problème est dans la deuxième page de ce site dont voici l'url : http://louisette.garrigou.free.fr
Je vous remercie à l'avance de vos réponses. Bonne journée

Afficher la suite

A voir également:

Image ne s'affiche pas
Image iso - Guide
Le clavier de mon telephone ne s'affiche plus - Guide
Acronis true image - Télécharger - Sauvegarde
Reduire taille image - Guide
Ma clé usb ne s'affiche pas - Guide

10 réponses

Réponse 1 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

salut,
plusieurs petits points à régler dans ton code, dont :

<img src="salleamanger.jpg" alt="salleamanger<width="362" height="225"/>

comme tu vois, il ya un < qui fait obstruction après le alt... tu voudras sans doute le remplacer par un guillemet fermant et espace.
d'autre part, une balise img ne se ferme pas avec </img src>. Tu peux tous les enlever.

Enfin, mais c'est parce que je suis pinailleur, il y a probablement un > en trop qui traîne dans le titre de la page.

;-)

amalthee

Ce sont de bonnes indications. La seule chose que je ne comprends pas (puisque c'est sur cette image que cela arrive), c'est que j'ai fait toutes les autres exactement comme sur le code que tu as mis en évidence et qu'il n'y a pas eu de problème. Normalement quand cela ne marche pas, avant de mettre mon site en ligne, on le voit tout de suite lors de l'aperçu. Or quand je cliques sur l'index qui se situe sur mon disque dur, aucun problème. Toutes les photos sortent y compris celle qui ne sort pas une fois en ligne.

Et c'est vrai que l'utilisation du langage html demande beaucoup de rigueur. On ne peut pas se contenter de l'a peu près. Bonne fin de journée

Réponse 2 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

effectivement, je ne m'étais pas arrêté sur les autres images, mais elles ont toutes besoin d'une correction au même endroit.
bon courage
;-)

amalthee

Ce qui veut dire quoi au juste ? Quand tu cliques dessus, quelque soit les pages aucune image ne s'affiche ?

Réponse 3 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

le but est simplement de "nettoyer" le code. ("rigueur, que ne t'ai-je compris ?")

<img src="cette_pièce.jpg" alt="cette_pièce" width="hauteur" height="largeur"/>

qui sait si tu ne retrouveras pas ta salle à manger...

amalthee

Ok ok, j'ai compris. Je vais le faire dès demain sur toutes mes images histoire qu'il y ait une cohérence avec l'ensemble du bloc note. Je te dirai si oui ou non ça marche. En principe...

amalthee

Décidément, il n'y a rien à faire. Mon cas est désespéré.
Je remets ta solution qui est :
<img src="cette_piece.jpg" alt="cette_pièce" width="hauteur" height="largeur"/>
J'enlève tous les </img src> de ma page bien entendu. En plus tous mes titres jpg sont en minuscule et sans majuscule. Toujours le même résultat. C'est grave docteur ?
Je remets le lien posant problème : http://louisette.garrigou.free.fr/interieur.html

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73 > amalthee

re,
ce n'est pas grave, mais, car il y a un mais, cette fois-ci j'ai repris tout le code de la page. Il y a un certain nombre d'erreurs de syntaxe.
En ce qui concerne la salle à manger, je subodore que l'appel ne conrrespond pas au nom du fichier.
est-ce que je peux te reposter ton code dans cette discussion ?

amalthee > carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention

Aucun problème, pour reposter le code, je dirai même plus, au contraire. Et si possible me dire les endroits où il y a erreur. A oui, j'oubliais, quand j'ai fait les modifications avec ce système "<img src="cette_pièce.jpg" alt="cette_pièce" width="h" height="l"/>, je me suis aperçue que les images que j'avais trafiqué avec ce nouveau système s'étaient allongées horizontalement. Par rapport à la première fois. Est ce que c'est normal aussi ? Bonne journée Amalthee

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73 > amalthee

c'est parce l'instruction de taille était blowuée par les < fautifs.
je reviens avec ton code.
;-)

Réponse 4 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

cela devrait bien se passer

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

Posez votre question

Réponse 5 / 10

Nicolas2008 Messages postés 41 Date d'inscription Statut Membre Dernière intervention 7

SI je peux me permettre ce petit conseil, essaie de toujours mettre les noms de fichier en minuscule. Certains serveurs sont sensibles à la casse et ils peuvent considérer "Image.jpg" ou "image.jpg" comme 2 fichier différents.
Nicolas

Réponse 6 / 10

Buddyluv Messages postés 7 Date d'inscription Statut Membre Dernière intervention

Oui et surtout pense à bien mettre .jpg sur tes images et non .JPG car les serveurs qui tournent sous linux n'apprécient pas trop. essaie également d'éviter tant que possible les accents car IE ne les prend pas en compte (Merci Microsoft...) et puis vérifie que tu aies bien envoyé l'image au bon endroit sur ton serveur.

Réponse 7 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

bon, je n'ai pas tout fait pour que tu vois où j'ai passé le balai, surtout au début. Les commentaires entre crochets ne devront bien entendu pas être ajoutés au code.

<html>
<head>
<meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=3)"></meta>
<bgsound src="http://midihifi.free.fr/jazz/herbie_hancock-still_time.mid"loop="-1">
[je ne suis pas sûr du résultat pour les deux lignes au-dessus]

<title>piecesinterieur></title>
[enlever le chevron en trop, rajouter un espace entre les mots et corriger la faute de conjugaison + accents]

<body style="background-color:#FFFFCC;">
<body text="#00CC66;">
<body marginheight="70">
</body>

[ tout ce bloc est une erreur]
[remplacer par]
<style>
body { background-color:#FFFFCC; color:#00CC66; margin:70px; text-align:center; }
</style>

</head>

<body>
<center>
[comme tout est centré par défaut, enlever les center ouvrant et fermant]

<a href="index.html"><img src="http://www.gif-anime-gratuit.com/gif-anime-gratuit/animaux/coccinelle/coccinelle003.gif"></a>
</br>
[ici et non comme au-dessus : ] <br/>

<center>Accueil</center>

<font color=#00CC66>
[inutile car déjà déclaré dans le style]

<h1>
<b>
<u>Les chambres</u>
</b>
</h1>

</br>
[même erreur de syntaxe]<br/>

[maintenant, pour ta table, tous les td ont des choses en commun.]
[Pour alléger la lecture du code ajouter dans le style du head (là où on a mis le style du body) : ]
td { width:40%; text-color:#00CC66; text-align:center; }

[et pour les images des pièces de la maison, leurs dimensions sont les mêmes : ]
.room { width:371px; height:229px }
[ en ajoutant aux balises img concernées la mention class="room"]
[ ici, pour simplifier je reprend le code à la nouvelle sauce, tu pourras comparer avec ta source]

<table>
<tr>
<td>
<img src="rosedumaroc.jpg" alt="rosedumaroc" class="room"/>
</td>
<td>
<img src="coquelicot.jpg" alt="coquelicot" class="room"/>
</td>
</tr>
<tr>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Rose du Maroc
</td>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Coquelicot
</td>
</tr>
</table>

<br />
<img src="pervenche.jpg" alt="pervenche" width="335" height="237"/><br />
[bon là évidemment, pervenche à sa propre taille, donc pas de class room]
<img src="marguerite.gif" alt="Marguerite" />
Pervenche

</br>
[ !! ]

<h1>
<b>
<u>Autres pièces</u>
</b>
</h1>
</br>
[ !! ]

[pour cette table j'ai déjà fait le ménage. Par contre je note que les img, bien que n'ayant pas les mêmes dimensions, restent proches... un traitement de class pourrait alléger un peu plus la lecture avec une autre déclaration dans le head : .room2 { width:largeur; height:hauteur; }
A moins que tu veuilles mettre toutes les img à la même taille auquel cas tu n'a plus qu'ajouter class="room pour celles ci-dessous, en enlevant les width et les height des balises bien sûr]

<table>
<tr>
<td>
<img src="salleamanger.jpg" alt="salleamanger" width="362" height="225"/>
</td>
<td>
<img src="salon.jpg" alt="salon" width="327" height="225"/>
</td>
</tr>
<tr>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Salle à manger
</td>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Salon
</td>
</tr>
<tr>
<td>
<img src="cuisine.jpg" alt="cuisine" width="366" height="229"/>
</td>
<td>
<img src="cuisine1.jpg" alt="cuisine1" width="365" height="229"/>
</td>
</tr>
<tr>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Cuisine
</td>
<td>
<img src="marguerite.gif" alt="Marguerite" />
Cuisine
</td>
</tr>
</table>
<br />

<img src="https://www.luanagames.com/index.fr.html" width="70" height="74"/>
[attention ici il y avait encore un chevron avant le width, et pas de guillemets autour de 70 ]

</body>

</html>

j'espère avoir été compréhensible. Et si la salle à manger ne s'affiche toujours pas, vérifier le nom du fichier.
et si ça ne va pas, je t'enverrai le code complet et nettoyé, mais je n'ai pas les images pour vérifier l'affichage.

;-)

amalthee

Je te remercie pour tes explications. C'est sur qu'en comparaison cela allège sacrément. Et en plus cela me permet de connaître de nouvelles balises. Je vais faire un copié coller de tout ça, et je fais mon essai en ligne. Prochain épisode et je l'espère conclusion définitive plus tard. Bonne soirée Amalthee

Réponse 8 / 10

amalthee

Alors le feuilleton continue. Suite de l'épisode. J'ai pris une nouvelle page "bloc note" pour tester la nouvelle mouture. Je n'ai sûrement pas fait quelque chose de bien. En fait j'ai fait un copié/coller de ce que tu m'avais envoyé sans évidemment les explications. Je t'envoie la page générale. Quand je cliques dessus à part la musique, je n'ai aucune image. Elles s'affichent avec le cadre avec la croix rouge, quand ça ne marche pas. Le texte est noir et pas centré. Bonne journée
---------------------------------------------------------------------------------------------------------------------------------------------------------------
<html>

<head>
<meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=3)"></meta>
<bgsound src="http://midihifi.free.fr/jazz/herbie_hancock-still_time.mid"loop="-1&qu¬ot;>
<title>pieces interieur></title>
<style>
body { background-color:#FFFFCC; color:#00CC66; margin:70px; text-align:center; }
</style>
</head>

<body>
<center>
<a href="index.html"><img src="http://ww38.gif-anime-gratuit.com/"></a><br/>
<center>Accueil</center>
<h1><b><u>Les chambres</u></b>
</h1><br/>
<table>
<tr><td><img src="rosedumaroc.jpg" alt="rosedumaroc" class="room"/></td><td><img src="coquelicot.jpg" alt="coquelicot" class="room"/></td></tr>
<tr><td><img src="marguerite.gif" alt="Marguerite" />Rose du Maroc</td><td><img src="marguerite.gif" alt="Marguerite" />Coquelicot</td></tr>
</table>
<br />
<img src="pervenche.jpg" alt="pervenche" width="335" height="237"/><br />
<img src="marguerite.gif" alt="Marguerite" />Pervenche
</br>
<h1> <b> <u>Autres pièces</u></b></h1>
</br>
<table>
<tr><td><img src="salleamanger.jpg" alt="salleamanger" width="362" height="225"/></td><td><img src="salon.jpg" alt="salon" width="327" height="225"/></td></tr>
<tr><td><img src="marguerite.gif" alt="Marguerite" />Salle à manger</td><td><img src="marguerite.gif" alt="Marguerite" />Salon</td></tr>
<tr><td><img src="cuisine.jpg" alt="cuisine" width="366" height="229"/></td><td><img src="cuisine1.jpg" alt="cuisine1" width="365" height="229"/></td></tr>
<tr><td><img src="marguerite.gif" alt="Marguerite" />Cuisine</td><td><img src="marguerite.gif" alt="Marguerite" />Cuisine</td></tr>
</table>
<br />
<img src="https://www.luanagames.com/index.fr.html" width="70" height="74"/>

amalthee

Eureka, le problème n'est toujours résolu mais je l'ai localisé. Je précise que dans le mode source, toutes les images que j'ai mis sont toutes en minuscule et se terminent par .jpg et non .JPG. Quand je veux me mettre en ligne avec le logiciel FTP EXPERT, il me met automatiquement sallamanger.JPG alors que les autres sont en minuscules en ligne. Comment puis-je passer de jpg majuscule en minuscule ? Est ce un problème du ftp ? Bonne journée

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

petite correction pour régler le formatage

<style type="text/css"> 
body { background-color:#FFFFCC; color:#00CC66; margin:70px; text-align:center; }
td { width:40%; text-color:#00CC66; text-align:center; }
.room { width:371px; height:229px; }
</style>

Réponse 9 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

salut,
bon ben je viens d'aller faire un tour dans la maison et je vois bien la salle à manger :-) et tout à l'air à sa place.
es-tu sûre que tu ne veux pas plutôt écrire <title>Pièces intérieures</title> à la place de <title>pieces interieur></title>
bonne continuation

amalthee

Oui la salle à manger est maintenant en place. Et je dois dire que maintenant c'est clair. Cela n'a plus rien à voir avec le script de ma page où tous mes jpg étaient en minuscule. Je l'ai d'ailleurs vérifié en ligne, mais avec ftp expert. J'ai remarqué que pour les images qui sont dans la partie en ligne, quand je promenais mon curseur dessus, on voyait écrit "coquelicot, rosedumaroc avec le jpg en minuscule. Le seul qu'on voyait apparaître avec le jpg en majuscule c'était sallamanger.JPG. J'ai fait click droit avec la souris puis je suis allée dans propriété. En haut de la fenêtre il y avait un endroit où l'on pouvait écrire. Dans cet endroit il y a une petite fenêtre blanche avec le nom du fichier jpg : "sallamanger.JPG". J'ai donc pris la liberté d'enlever le .JPG et de mettre.jpg à la place. Puis j'ai cliqué sur APPLIQUER. Je suis de nouveau retournée sur mon site, et le problème a été résolu. Je suis ravie que ce problème soit enfin terminé et je te remercie une nouvelle fois de ton aide. Bonne journée Amalthee

Réponse 10 / 10

carbon3 Messages postés 470 Date d'inscription Statut Membre Dernière intervention 73

Le soleil bordelais te salue bien

;-)

Discussions similaires

PIX

probleme d'affichage des images sous word

Quel fonction faire en b1 par rapport à a1

Comment recadrer une image avec Inkscape

Votre réponse

Discussions similaires