Salut
 
Voila j'aimerais savoir comment superposer 2 div..
 
Je sais comment définir laquelle va au dessous ou au dessus de l'autre (z-index) mais je n'arrive pas à mettre les div exactement au meme endroit
 
ps:les divs font exactement la meme taille et doivent donc se situer au meme endroit..
 
Je suis pas un as du positionnement, je l'avoue et continu a chercher de mon coté
 
merci

dans le style (enfin la CSS)
div.La_class_de_ta_div
{
    position:absolute;
    top:20%;
    left:20%
}
 
voilà, après tu peux galérer sur le scrolling, et sur une div placée trop bas donc qui ne s'affiche plus, je te conseille de placer ça en dynamique en JavaScript et d'aller faire un tour sur http://www.toutjavascript.com

merci beaucoup pour ta reponse je vais tester ca tout de suite
 
 
ps:cette methode n'est pas compatible avec beaucoup de navigateur il me semble?
 
merci

Re
 
Bon alors ca ne marche pas, enfin ca marche mais pas comme je veut
 
En fait sur ma page, j'affiche des petites annonces (issues d'une base de données : donc je fais une boucle php qui affiche a la suite ces annonces pré-formtés)
 
Or le absolute la, si j'ai bien compris il affiche tout les images l'une par dessus l'autre au meme endroit sur le site ?
 
un ptit bout de code pour mieu comprendre (jespere )
 

 
css :

 
et allez la totale le screen ki explik mieu ke le reste  
 

etc..

encore plus simple :  
 
Deux div imbriqué l'un dans l'otre
 
<div class="photomaison" style="background-image:url(photodelamaison.jpg)">
<div class="vendue">
</div>
</div>
 
et en CSS :
.photomaison {
  background-position: left top;
background-repeat : no-repeat;
height: 50px;
width: 100px;
}
.photomaison .vendue {
 background : transparent url(imgvendu.gif) no-repeat top left;
 height:50px;
}

 
 
Ca merite au minimum la pendaison sur la place publique une hérésie d'une telle taille

bah non ! pas de background !
 
<dl>
<dt>
<img src="" alt="Maison" class="foto" />
<img src="" alt="Vendu par ABI" class="vendu" />
</dt>
<dd>
Maison en pierre ... tout ca ... trop bien
</dd>
</dl>
 
dl dt {
position: relative;
float: left;
clear: both;
width: 200px;
}
 
dl dt img.apercu {
position: absolute;
top: 0;
left: 0;
}
 
dl dt img.vendu {
position: absolute;
top:0;
left:0;
}
 
dl dd {
margin-left: 200px;
}

T'as oublié de mettre "Vendu" dans le <div>, et d'utilise un FIR... Sinon, si on désactive les image, si on est malvoyant ou si on est Google, bah on verra pas que la maison est vendue

Salut les gars merci pour vos reponses
 
Laquelle des deux methodes vous semble la meilleur et la plus compatible avec tous les navigateurs? (web-browser pour faire cool & hipe )
 
pendant ce tps je les teste
 
EDIT: la methode de gatsusat me pose un probleme : je ne peut plus cliquer sur l'image de la maison (pour lagrandir)..

La deuxième est un peu mieux

Effectivement la 2eme solution est parfaite, merci mais j'arrive pas a l'appliquer a mon code
 
 c'est super chiant, surtout que les dl dt dd je connaissait pas
je vous filerais un bout de code si jy arrive vraiment pas
 

Tu connaissais pas ? Alors apprend l'HTML ! Ca te sera très utile pour faire des sites webs, l'HTML

Arf ok.. bon j'ai reussi mais le probleme est toujours le meme....
 
toutes les images vopnt a 1 endroit de lecran (top left), OR j'ai plusieurs annonces moi.. a des endroits differents de la page (normal les annonces se suivent verticalement)
 
Alors ya t'il une solution
ps:mon but est d'afficher  "VENDU" pr dessus une image quand la maison est vendue, peut etre ya til d'autre methodes pour y arriver.
 
merci
screen :

 
EDIT: apprendre le html? look mon screen, mon site je l'ai pas fait avec frontpage.. je connais ce dont jai besoin en html css et j'en apprends tous les jours.

Tes dexu div, tu les a bien mis dans le div devant contenir le texte et l'image?

oui oui
 
voila mon code si vous voulez (c un peu gros dsl) :
html :

css:

(c le bordel je sais  joptimiserais apres)

J'ai mis des couleurs a la palce des images pour pas m'embeter.
Le principe est la
 

excellent  
 
je vais essayer d'adapter a mon site
 
merci beaucoup

Ne ruine pas trop mes efforts avec du code pas beau hein ?

Bon ca marche merci afbilou
 
C'est pas trop crade.. j'ai juste comment dire.. bidouiller
 
la balise dd modifie laffichage des que je la met autour de la description (genre ca me rajoute un margin-left de 30 ... et jai cherché partout jvois pas d'ou ca vient)
 
M'enfin dans l'ensemble ca marche

C'est le style par défaut : un peu de marge sur les dd

serieu ... je comprend mieu lol
 
merci du coup c'est tout propre