Hover en css, problème basique mais je suis en pls, help pls !!!

Suivre ce topic
Ce topic est suivi par : Azee
Ce topic a été résolu
Azee

Azee Le 17 octobre 2016 à 23:52 (Édité le 25 janvier 2019 à 17:52)

Bonsoir bonsoir, 
J'ai un problème d'hover qui commence à m'énerver, n'ayant plus d'idée, je vous appelle à la rescousse.

Il se passe que j'aimerais lors du hover sur le <i class="dh">, le <span class="dh_text"> apparaisse, ce qui n'est pas le cas ici. Je crois que le hover n'est même pas détecté, help, i'm lost !

Voici mon code : https://codepen.io/AzeGalax/pen/LRgYmN
TheFlameflo

TheFlameflo Le 18 octobre 2016 à 04:15

Salut !

J'ai regardé ton code et j'ai modifié ceci à la fin :
.dh:hover + .dh_text{
    display: inline-block;
}

.pc:hover + .pc_text{
    display: inline-block;
}
Ça marche bien, cependant, si je survole le premier rectangle noir, on m'affiche le texte en rouge "à côté" (tu verras en testant).
Je crois que c'est un problème d’alignement, je te laisse voir ça ! 😀

J'espère t'avoir aidé !
Azee

Azee Le 18 octobre 2016 à 10:09

Et mince, je me suis couché en pensant ne pas avoir de réponse dans la nuit 😄
Merci bcp à toi, c'est exactement le résultat que je cherche. 
Oui pour l'alignement mais c'est le résultat voulu !

Peut tu m'expliquer pourquoi le + ???
TheFlameflo

TheFlameflo Le 18 octobre 2016 à 21:39

Disons que te règle est la suivante :
div + span

Ça correspond à un élément "span" où il y a un élément "div" avant.
Dans ton cas, c'est l'élément .pc_text  où il y a un élément .pc survolé.

Je te conseille de regarde ce site, c'est vraiment intéressant pour les sélecteurs en CSS.

Azee

Azee Le 18 octobre 2016 à 21:42

Merci !
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte