Afficher une div au survol d'une autre

[Teurancher]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.snapchatforum.fr/

Description du problème

Bonjour,
Je pense que le titre et le screenshot sont assez explicites: j'aimerais faire apparaître une div au survol de celle entourée sur le screenshot, mais je n'y parviens pas.

HTML:

Code:

<div class="sous-f">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="niv1">▼</div>

CSS:

Code:

.niv1 {
background-color: #DEDEDE;
color: #333;
font-family: Arial;
font-size: 12px;
left: 173px;
margin-top: 25px;
padding-left: 2px;
position: absolute;
text-shadow: 1px 1px 0px #FFF;
transform: rotate(90deg);
width: 30px;
text-align: center;
height: 12px;
padding-bottom: 4px;
}

.sous-f {
display: none;
  }

.niv1:hover .sous-f {
display: block;
}

Une idée ?
Merci d'avance.

[MlleAlys]

Bonjour,
je ne vois pas de screenshot ?
Sinon pour l'apparition au survol, le plus simple est souvent de mettre la div qui doit apparaitre à l'intérieur de l'autre, puis d'utiliser la pseudo-class :hover pour l'effet au survol :

Code:

<div class="survol">
    au survol de ça...
    <div class="apparait">
        ...ceci apparait.
    </div>
</div>

le css pour masquer la div en temps normal :

Code:

.apparait {
  display:none;
}

le css pour la faire apparaitre au survol :

Code:

.survol:hover .apparait {
  display: block;
}

démo : http://jsfiddle.net/758s01w4/

[Teurancher]

J'étais sûr d'avoir mis le screen pourtant o_o
En tout cas ça marche parfaitement, merci beaucoup. Réglé.