Discussion :

[ju0123456789]

Bonjour, J'ai affaire à un souci qui parait simple, mais je n'arrive pas a avoir le resultat souhaité.
J'ai tout simplement 2 DIV, un que je souhaite mettre en dessous de l'autre.

Voici mon CSS:

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
30
31
32
33
34
35
36
37
38
 
<style type="text/css">
.ParentBloc
{
  width:930px;
  border:0px solid #000;
  z-index:10;
}
 
.ChildBloc1
{
  width:160px;
  border:0px solid #000;
  z-index:1000;
  box-shadow: 1px 1px 12px #333; /* pas compatible IE6, IE7, I8 */
}
 
.ChildBloc2
{
  width: 780px;
  background-image: url(/images/menu/name-page.png);
  background-repeat: repeat-y;
  padding: 0px 0px 0px 0px;
  text-align:left;
  margin: 0px 0px 0px 0px;
  color:#fff;
  font-size:16px;
  text-decoration:underline;
  font-weight:bold;
  text-shadow:3px 3px 3px #000 ;
  border:0px solid #000;
  position:relative;
  top:-80px;
  left:145px;
  z-index:1;
  height:38px;
}
</style>

Et voici mon HTML

Code :

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

1
2
3
4
<p><div class="ParentBloc">
   <div class="ChildBloc1"><img src="/images/portable_loc.jpg" alt="" /></div>
   <div class="ChildBloc2"><img src="/images/menu/fleche.png" alt="" style="position:relative;top:7px;margin:0 5px 0 5px;" />PC Portables</div>
</div></p>

Le DIV "ChildBloc2" devrait passer en dessous du "ChildBloc1" mais ce n'est pas le cas.
Quelqu'un peut m'aider s'il vous plait ?

Merci
Ju'

[Meloooo]

Salut,
Pour utiliser un z-index, il me semble que tu dois également donner une position à ton bloc (position ou relative)

[ju0123456789]

ha mais le con je savais bien que j'avais oublié un truc, ça fait 2h que je suis dessus looool !
Marchi beaucoup pour ton aide.
Avec un "position:relative;" effectivement ça marche beaucoup mieux

Bonne journée et encore merci