Discussion :

[Draganthyr]

j'aimerais pouvoir ecrire le texte "toto" a 10px du haut a gauche d'une div et "titi" a 15px

si je met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
  <div style='position: absolute;left:10px;top:10px;'>toto</div>
  <div style='position: absolute;left:15px;top:15px;'>titi</div>
</div>

ca me le met a 10 et 15 px,mais...du haut a gauche de la fenetre

si j'enleve le "position:absolute", ca me le met l'un en dessous de l'autre

quelqu'un aurrait-il une solution pour moi svp?

[SpaceFrog]

ben là tu joues sur les positons du div, pas sur la position de son contenu ..
regarde plutot du coté de margin-top margin-left ...

[SpaceFrog]

en relisant bien ta question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div style="position:absolute;">
	 <div style='position: relative;left:10px;top:10px;'>toto</div>
	 <div style='position: relative;left:15px;top:15px;'>titi</div> 
</div>

[SpaceFrog]

parcontre si tu veux qu'ils se chevauchent va falloir jouer du z-index ...

[Draganthyr]

hum...zindex? heu..quoica?
merci pour la premiere partie de reponse mais ca me fait comme avant, l'un en dessous de l'autre. Ca doit venir de ce zindex a mettre (ca permet de faire des "couches" de superpositions?un peu comme des calques?)

[SpaceFrog]

exactement ajoute dans le style des deux div z-index:1 pour l'un et 2 pour l'autre ...

[edit]
ha ben mince ça marche pas comme ça ...
donc la seule façon d'y arriver serait de passer par javascript pour recupérer le top du parent et attribuer un top modifier au childs ...
[/edit]