Afficher une div au survol d'une autre

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Afficher une div au survol d'une autre

Message par Teurancher le Sam 9 Mai - 12:20

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.


Dernière édition par Teurancher le Sam 9 Mai - 14:49, édité 1 fois
avatar

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Afficher une div au survol d'une autre

Message par MlleAlys le Sam 9 Mai - 12:47

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/
avatar

MlleAlys
Membre actif

Messages : 4568
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher une div au survol d'une autre

Message par Teurancher le Sam 9 Mai - 14:48

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

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum