Afficher une div au survol d'une autre

2 participants

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

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

MlleAlys
Membre actif

Messages : 5767
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 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

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

- Sujets similaires

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