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 2015 - 14: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 2015 - 16:49, édité 1 fois

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 2015 - 14: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/

MlleAlys
+ Hyperactif +

Messages : 4340
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 2015 - 16:48

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

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