Ajouter des pxls à d'autres pxls ???

Fermé
Profil bloqué - 20 juin 2013 à 17:50
Bonjour CCM,
Voici mon souci, je souhaite à travers le langage HTML et CSS faire une boite déroulante dans une boite déroulante. Bon, le souci c'est que lorsque je déroule la boite principale, elle descend de 36 pxl et lorsque je mets le curseur de la souris sur la deuxième boite, rien ne se passe alors que j'ai programmé 100pxl. Il y a donc une sorte d'addition à faire. Mon blog pour voir le souci http://pito2901.blogspot.com/p/mes-videos.html et voici mon code html:

<style>
.mes_videos
{
width:466px;
height:18px;
overflow:hidden;
transition: height 1s; 
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s;  
}

.mes_videos:hover
{
height:36px;
}
.title_box
{
color:black;
background-color:lime;
border: 1px solid black;
border-radius: 5px;
}</style>

<div class="mes_videos">
<div class="title_box">Mes vidéos</div>
<div class="content_box" style="overflow: none;">

<style>
.astuces
{
width:466px;
height:18px;
overflow:hidden;
transition: height 1s; 
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s;  
}
.astuces:hover
{
height:100px;
}
.title_box
{
color:black;
background-color:lime;
border: 1px solid black;
border-radius: 5px;
}</style>

<div class="astuces">
<div class="title_box">Astuces</div>
<div class="content_box" style="overflow: none;">