Bonjour,
j'ai un bloc qui contient deux éléments, un bouton et du texte,
je voudrais positionner le bouton en bas du conteneur et le texte, juste au dessus de ce bouton. Comme si ces deux éléments étaient collés.
mon style :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div class="contenuBtnAjouter"> <h2 class="prix">{$aSelection4[0]->prix} </h2> <span class="btnAjouter"> <img src='images/ajouter.gif' border='0' alt=""> </span> </div>
si j'ai bien compris, mes deux éléments doivent s'aligner sur leur parent. donc si je mets : top :25px à mon bouton, je devrais mettre top 20px à mon texte ? et si je mets 20 çà arrive sur mon bouton ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 .btnAjouter{ width: 105px; position: absolute; top: 25px; left: 00px; z-index:1; } .contenuBtnAjouter{ width:70px; position:absolute; left:00px; clear:both; /* pour IE !! */ } h2.prix { position: absolute; width: 85px; color: red; font-weight: bold; font-size: 12px; text-align: right; left: 10px; z-index: 2; }
je voulais savoir si mon code était correct et le z-index utile (car je ne vois pas la différence avec ou sans)..
merci
Partager