image une sur l'autre php/ html

Bonjour a tous.

J'ai un petit problème de manipulation d'image. En fat, j'aimerais superposer deux images l'une sur l'autre.

J'y suis arrivé grace à la propriété z-index. Voici mon code


<div style ="width:885px; height:473px;margin:25px auto; position:relative;left:0px; top:0px;" >
<div style="width:885px; height:473px;margin:25px auto; position:absolute;left:0px; top:0px;" >
<table width="722" border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="http://www.xxxx/images/pon1.jpg" alt="patriot" /></td></tr>
<tr><td>
<table width="722" border="0" cellspacing="0" cellpadding="0" style="font-size:18px;">
<tr>
<td ><img src="http://www.xxxxx/images/20.png" alt="ecart" /></td>
<td>'<? $a_post['civilite']?>' &nbsp; <?$a_post['prenom']?> &nbsp; <b>'<?$a_post[nom]?>'</b></td>
<td ><img src="http://www.xxxxx/images/170.png" /></td>
<td align="right"><b>N° '<?$e['id'] ?>'</b></td>
<td ><img src="http://www.xxxxxxxx/images/20.png" alt="ecart" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="http://www.xxxxxxxx/images/pon-2.jpg" alt="patriot" /></td>
</tr>
</table>
<br/>
<a href="javascript: window.print();"><img src="images/bt-print.png" alt="imprimer OOO" /></a>
<br/> <br/>
</div>
<div style="z-index:2 width:885px; height:473px;margin:25px auto; position:absolute; left:0px; top:0px;" >
<img src="../../images/epuise.png" alt="Offre " />
</div>
</div>

Malheureusement, sa ne m'affiche qu'une seull des deux images. Celle du fond. POur l'autre, j'ai une croix ce qui ma fait penser a une erreur de chemin ou un truc comme sa mais sa n'a rien donné...

Quelqu'un pourrait'-il m'aider a trouver l'erreur de programmation ?

Merci d'avance

Salut,


Ca y ressemble effectivement et il faut commencer par là, et tu es le seul à pouvoir contrôler que le chemin est correct.

Il y a de grandes tout de même que les 2 "../" soient de trop.

Cordialement,


Kohntark -

Merci de ta réponse

Alors pour le chemin de l'image g un truc du genre ... C:\site\club\images\nom_de_l'image.jpg

Je pense donc que il me faut mettre les "../".

Est-ce que sa ne vient pas du navigateur en lui même ? parsce que mon code semble correct ...

Si vous avez une idée je vous serai reconnaissant.

As tu vérifié plutôt qu'en venir à penser au navigateur ?

Ce n'est pas avec les infos que tu donnes que l'on peut t'aider, tout juste pouvons nous faire des suppositions :

Où est hébergé ton site ? En local ? Sur le Web ?
Quel est sa racine ?
Quel est l'emplacement du fichier PHP ?
...

Il est clair que si ton site est distant et que tu souhaites afficher une image qui se trouve sur ton pc ça ne fonctionnera pas, et heureusement.

Si par contre ton site est en local :
http://www.xxxxxxxx/images/pon-2.jpg
images/bt-print.png
../../images/epuise.png

En supposant que http://www.xxxxxx est une adresse locale, que le répertoire images est le même et que seule epuise.png ne s'affiche pas, alors je confirme, les 2 "../" sont de trop.



Kohntark -

Ok merci pour ta réponse. C'est exact ce que tu dis. J'ai fait quelques modifications et sa me donne sa :

<div style ="width:885px; height:473px;margin:25px auto; position:relative;left:0px; top:0px;" >
<div style="width:885px; height:473px;margin:25px auto; position:absolute;left:0px; top:0px;" >
<img src="../../images/off/prevente.jpg" alt="coup" />
</div>
<div style="z-index:2 width:885px; height:473px;margin:25px auto; position:absolute; left:0px; top:0px;" >
<img src="../../images/epuise-noir.png" alt="Off" />
</div>
</div>

en remplacant les 2 "../" par C:\Travaux\LAS\ sa marche nikel !!! Pourquoi avec les 2 "../" je n'ai que les alt qui sont affiché ?

Désolé que tu n'ai pas lu et répondu à mes questions, je me permets donc de te les reposer en espérant que tu veuilles bien y répondre :



Tu devrais peut être revoir les différences entre URL absolues et URL relatives.

Tes "C:\Travaux\LAS\..." sont à proscrire puisqu'elles font références à des chemins locaux, il faut utiliser des chemins relatifs.


Kohntark -

Salut .

Mon site est hébergé en local

La racine du site est C:\Travaux\

Le fichier php qui appelle le dossier des images est : C:\Travaux\LAS\club\quot

Les images elles se trouvent dans le dossier ici : C:\Travaux\LAS\images

J'ai mis le "C:\Travaux\LAS\..." juste pour savoir si c'était une erreur liée au chemin, mais je suis d'acccord pour dire qu'il est hors de question d'utiliser en ke chemin absolue des fichiers.

Les chemins avec "../../" à partir de "\LAS\club\quot" devraient être bons.

Ce fichier php n'est pas inclus dans un autre des fois ?


Kohntark -

Non le fichier php n'est inclus dans aucun autre fichier.

Par contre comment peut-on faire un affichage d'image en html/php

J'ai essayé sa :
<div align="center"><img src="<?php print $r['url']; ?>" alt=" 2000" style=" margin-top:15px;" />

Mais rien a faire, sa n'affiche rien ( même en remplacant print par echo ou en mettant simplement <?= $r['url']; ?> )

$r est bien sur l'url de l'image que je récupère dans ma base de données en utilisant une requête select .