Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

MlleAlys
Membre actif

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

http://mllealys2.forumactif.org/
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
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