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 HTML :
<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 HTML :
<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'