Page 1 sur 1

Superposition d'images

Posté : 26 janv. 2009, 10:30
par fabrice88250
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 ?

Posté : 26 janv. 2009, 10:34
par albat
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>

Posté : 26 janv. 2009, 10:41
par fabrice88250
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.

Posté : 26 janv. 2009, 10:50
par albat
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>

Posté : 26 janv. 2009, 11:10
par fabrice88250
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 ?

Posté : 26 janv. 2009, 11:23
par albat
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...)

Posté : 26 janv. 2009, 11:29
par albat
Ah ! Au fait...

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

Posté : 26 janv. 2009, 11:44
par fabrice88250
oui c'est exactement ça.
en fait voilà se que j'aimerai avoir au final.
Image

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

Posté : 26 janv. 2009, 11:46
par albat
Donc :
- tu insères un div dans ton div et tu redéfinis les backgrounds pour chacun

Posté : 26 janv. 2009, 11:52
par fabrice88250
ok j'essairai avec l'imbrication des div et je m'arrangerai pour le référencement.

merci pour tes conseils.