Superposition d'images

26 janv. 2009, 10:30

bonjour,
je suis en train de faire une galerie qui propose des locations et des vente de biens.
pour faire afficher l'image du bien je fais un simple echo :

echo'
<a href="../images/biens/', $resultat['logo'] ,'" target="_blank">
<img src="mini-bien.php?f=' , $resultat['logo'] , '" alt="', $resultat['alt'] ,'" width="173" height="130" class="pixwall"/>
</a>';

se que j'aimerai faire c'est lorsque un bien est vendu ou loué je fais affiché par dessus cette meme photo, une autre photos (en png fd transparent) par dessus qui indique louer ou vendu.

pourriez vous m'aiderà mettre se petit bout de code en place ?

26 janv. 2009, 10:34

Une suggestion :
- tu définis au pixel près les dimensions et l'emplacement de ta photo
- tu affiches la photo en background-image
- tu affiches l'image "vendu" en <img>

26 janv. 2009, 10:41

j'utilise déja le background image pour un effet de page cornée via mon css.
il faut donc que je trouve autre chose.

26 janv. 2009, 10:50

Chaque élément de ta page peut avoir un background bien à lui.
Tu peux très bien avoir une mise en page générale avec un coin corné en background
et insérer dans celle-ci, un espace autonome tel que celui-ci :

<div style="height:100px;width:150px;top:100px;left:400px;background-image:url(photo.jpg);">
    <img src="vendu.png" style="height:100px;width:150px;top:100px;left:400px;" />
</div>

26 janv. 2009, 11:10

ok c'est la méthode que jutilise actuellement.
j'ai ma div qui a en background mon fond corné.
ensuite dans ma div je fais afficher la photo de mon bien qui affiche un texte en alt:"bien numero...". (pour mon referencement )
Si j'opte pour mettre un div dans une div puis seulement apres l'image pour afficher "Vendu" le alt de mon bien ne fonctionnera t'elle plus ?

26 janv. 2009, 11:23

Tu veux dire que le fond corné, la photo du bien
et l'image "vendu" sont insérés dans le même emplacement ?

Dès lors, je ne vois que 3 solutions (de la pire à la meilleure) :
- tu insères un div dans ton div et tu reféfinis les backgrounds pour chacun (beurk !)
- tu prends ton photoshop et tu ajoutes la mention "vendu" sur la photo du bien
- tu renonces à l'un des trois (le coin corné me paraît le moins indispensable...)

26 janv. 2009, 11:29

Ah ! Au fait...

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

26 janv. 2009, 11:44

oui c'est exactement ça.
en fait voilà se que j'aimerai avoir au final.

tout en sachant que l'image de la voiture (qui est un exemple est tiré de ma base de données)

26 janv. 2009, 11:46

Donc :

- tu insères un div dans ton div et tu redéfinis les backgrounds pour chacun

26 janv. 2009, 11:52

ok j'essairai avec l'imbrication des div et je m'arrangerai pour le référencement.

merci pour tes conseils.

Superposition d'images

Qui est en ligne