affichage d'image dans site php [Résolu]

[eurykane]

Bon j'ai cherché pendant deux heures et j'ai pas trouvé.

Je m'excuse d'avance auprés des admins si je place pas mon sujet au bonne endroit. Je suis nouveau sur ce forum.

Je suis sur ubuntu dapper et travaille avec firefox, apache2 et php5.

Alors voilà le problème:

J'ai utilisé le turorial "Exemple de conception d'un site dynamique", puis j'ai effectué des modifications pour adapter le site à ce que je veux en faire.

Et là j'arrive dans une impasse, sur ma page d'accueil je veux qu'une image apparaisse ( rien de bien sorcier ) mais elle ne s'affiche pas.

Pourtant quand je fais un affichage du code source de la page, ça semble correct.

Lorsque je copie le code source dans un fichier "test.html" que je place sur le bureau avec l'image en question ça fonctionne.

Il doit y avoir un truc que je ne comprend pas avec le fait que je travaille sur un serveur web local !!

Si quelqu'un peut m'aider Merci d'avance

[Kerod]

Je dirais que c'est du pur html...Mais peux tu donner l'arborescence de ton repertoire www ainsi que le code qui appelle l'image

[eurykane]

Merci de prendre le temps de répondre

Voici le code de la balise image (j'ai fais un copie/coller à partir de "afficher code source" de firefox, mais le contenu du div id contenu est optenu avec une requète sql

Code :

1
2
3
4
5
6
 
<div id="bloc_central">
	<div id="contenu">
		<img id="image_home" src="photo_home.gif" />		
	</div>
</div>

Et voici le résultat de "ls -R" à partir de www

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
.:
apache2-default  phpinfo.php  phpmyadmin  zephyr-enr.fr
 
./apache2-default:
apache_pb2_ani.gif       index.html.el             index.html.lb.utf8       index.html.ru.koi8-r
apache_pb2.gif           index.html.en             index.html.nl            index.html.ru.utf8
apache_pb2.png           index.html.es             index.html.nn            index.html.sv
apache_pb.gif            index.html.et             index.html.no            index.html.var
apache_pb.png            index.html.fr             index.html.po.iso8859-2  index.html.zh-cn.gb2312
index.html.ca            index.html.he.iso8859-8   index.html.pt            index.html.zh-tw.big5
index.html.cz.iso8859-2  index.html.hr.iso8859-2   index.html.pt-br         robots.txt
index.html.de            index.html.it             index.html.ru.cp-1251
index.html.dk            index.html.ja.iso2022-jp  index.html.ru.cp866
index.html.ee            index.html.ko.euc-kr      index.html.ru.iso-ru
 
./zephyr-enr.fr:
fonctions_zephyr-enr.php   images      menu.html   menu.php~       sava.php~    test.html
fonctions_zephyr-enr.php~  index.php   menu.html~  photo_home.gif  styles.css   test.html~
fonction_zephyr-enr.php~   index.php~  menu.js~    pied_page.html  styles.css~
 
./zephyr-enr.fr/images:
calcul_ombre.gif               image10.gif  image22.gif            parc_renard_beaumont_mini.gif
calcul_ombre_grd.gif           image11.gif  image2.gif             parc_renardiere_beaumont_gr.gif
calcul_windpro_production.gif  image12.gif  image3.gif             photo_eoliennes.gif
Carte_France_Dptavecpoint.gif  image13.gif  image4.gif             photo_home.gif
carte_moyon_grd.gif            image14.gif  image5.gif             photos_montage.gif
carte_moyon_mini.gif           image15.gif  image6.gif             portrait_CB.gif
carte_st_amand_grd.gif         image16.gif  image7.gif             sodar.gif
carte_st_amand_mini.gif        image17.gif  image8.gif             sodar_plus_mat.gif
en_tete_zephyr.jpg             image18.gif  image9.gif             spacer.gif
etude_acoustique1.gif          image19.gif  image_winpro_grd.gif   tableau1.gif
etude_acoustique1_grd.gif      image1.gif   image_winpro_mini.gif  tableau2.gif
etude_acoustique2.gif          image20.gif  mat_de_mesure.gif
etude_acoustique2_grd.gif      image21.gif  parc_de_beaumont.gif

voilà et merci encore

[Kerod]

En mettant ceci :

images/nomimage

[eurykane]

Salut

Excuse moi, j'ai légèrement changé mes messages (après avoir lu les règles du forum plus en détail, je les ai un peu survolée la première fois ).

Pour répondre à ta suggestion

Le code source de ma page contien bien la balise:

Code :

<img ... src="photo_home.gif" >

et l'image en question et bien dans le dossier "zephyr-enr.fr/"

Le code source précédent était:

Code :

<img src="images/photo_home.gif">

avec l'image dans "images/".

J'ai peut être pas bien saisi ta réponse .



Sinon peut être qu'une autre solution serait plus apropriée.

[Kerod]

Lorsque tu executes (lances) ta page qu'elle est le chemin de celle-ci (je parle dans l'url)

[Maxoo]

tu prend ta pages HTML ou PHP peut importe, alors le dossier courant est "."

apres tu veux afficher ton image, bah tu te déplace comme en unix, c'est a dure ../ pour aller en arriere, /repertoire pour aller en avant.

[eurykane]

Pour afficher ma page web, je tape local dans la barre d'url et ensuite je clique sur le dossier zephyr-enr.fr. Donc la page index est affichée.

Dans la barre d'url j'ai ceci :

Code :

1
2
 
http://localhost/zephyr-enr.fr/

et vu que j'ai créer un lien sur acceuil si je clique dessus j'ai l'url suivante:

Code :

http://localhost/zephyr-enr.fr/index.php?id_page=1

mais toujours pas d'image, je suis pourtant pas complètement débutant en xhtml/css.

Petite précision j'ai des z-index dans mon css, est-ce que cela peu posé problème?

[Kerod]

ca dépend aussi si tes autres éléments survolent l'image...Tu peux faire une capture d'écran pour voir ce que ca donne ?

[Maxoo]

déja si tu es dans les repertoires zephyr-enr.fr/

ton code doit etre :

Code :

1
2
3
4
5
<div id="bloc_central">
	<div id="contenu">
		<img id="image_home" src="images/photo_home.gif" />		
	</div>
</div>

comme te l'a dit Kerod.

Après si tu es débutant en HTML, je te conseille de lire des cours et tutoriels d'HTML sur developpez.com

++

[Kerod]

ou ca (ce qu'il a dit plus haut) vu que la même image existe dans la racine :

Code :

1
2
3
4
5
<div id="bloc_central">
	<div id="contenu">
		<img id="image_home" src="photo_home.gif" />		
	</div>
</div>

[Maxoo]

juste ... faudrait peut etre le déplacer dans HTML ... non ??
et renommé le titre ...

[Kerod]

Ah tiens, ca m'amène à me poser une question :

Le contenu de ta page se limite à ca ?
Ou sont les balises html et body ?

[eurykane]

Voici la capture d'écran :

http://img134.imageshack.us/my.php?image=capture1lw.png


@ Maxoo et Kerod
J'ai bien essayer de mettre l'image dans le même repertoire que index et adapter le code de la page pour limiter les erreurs possibles mais pas de résultat

Puisque ce problème me parrait assez tordu (j'aimerai bien, quand même, comprendre pourquoi ça marche pas)

Que pensez vous d'une solution différente. Je pourrais peut être mettre mes images dans ma base de données puis faire des requètes Sql.

[eurykane]

Tu m'a pris de vitesse Kerod

Non non, ma page ne se limite pas à quatre lignes de code bien sur.

veux tu voir le code complet?

[Kerod]

En passant, ton id il ne contient pas de css qui pourrait peut etre intervenir dans tout ca.

Et aussi ca vient pas du z-index sinon tu n'aurais pas de alt affiché.

Ce que je trouve encore plus étrange c'est que le code que tu donnes n'a pas d'alt définie

[eurykane]

J'ai ajouté le alt dans la balise image (je l'ai oublié )et le alt s'affiche à la place de l'image !!

On tiend peut être une piste.

Crois tu que mon navigateur est mal paramétré?

navigateur: firefox version 1.5.0.4

[Kerod]

Testes avec un autre navigateur alors.
Ou fais un test d'affichage, clic droit sur l'emplacement de l'image et sélectionne afficher l'image

[eurykane]

ça y est !!

Je crois que la solution n'est pas trés loin.

message après clique sur "afficher l'image":

Code :

1
2
3
Forbidden
 
You don't have permission to access /zephyr-enr.fr/images/photo_home.gif on this server.

[Maxoo]

fait un chmod 755 de tout tes dossier et fichiers.