Superposition d'images

par **fabrice88250** » 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.

par **albat** » 26 janv. 2009, 11:46

Donc :

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

par **fabrice88250** » 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)

par **albat** » 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".

par **albat** » 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...)

par **fabrice88250** » 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 ?

par **albat** » 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>

par **fabrice88250** » 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.

par **albat** » 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>

par **fabrice88250** » 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 ?

Superposition d'images

Répondre

Étendre la vue Revue du sujet : Superposition d'images

Superposition d'images