Hover en css, problème basique mais je suis en pls, help pls !!!
- Accueil
- Forum
- Programmation
- HTML / CSS
- Hover en css, problème basique mais je suis en pls, help pls !!!
Azee Le 17 octobre 2016 à 23:52 (Édité le 25 janvier 2019 à 17:52)
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 Le 18 octobre 2016 à 04:15 (Édité le 1 janvier 1970 à 01:00)
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 Le 18 octobre 2016 à 10:09 (Édité le 1 janvier 1970 à 01:00)
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 Le 18 octobre 2016 à 21:39 (Édité le 1 janvier 1970 à 01:00)
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.