Mon Hover ne s'applique pas à toute ma classe
Résolu
the_bluelephant
-
the_bluelephant -
the_bluelephant -
Bonjour,
Ma pauvre petite âme de débutante en la matière est à bout de ses capacités !
Je cherche a remplacer une image+forme+texte par une image (qui aura accessoirement du texte dessus également) - J'utilise donc "hover", seulement ce dernier ne prend pas en compte tous les élèments de ma classe "imagetotale" et ne change donc que l'image sans faire disparaitre le texte à l'origine sur l'image.
Alors ... pourquoi ?!!! Comment faire ?!
Mon HTML :
Et mon CSS :
Merci d'avance pour vos précieux conseils :)
EDIT : correction des balises de code.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ma pauvre petite âme de débutante en la matière est à bout de ses capacités !
Je cherche a remplacer une image+forme+texte par une image (qui aura accessoirement du texte dessus également) - J'utilise donc "hover", seulement ce dernier ne prend pas en compte tous les élèments de ma classe "imagetotale" et ne change donc que l'image sans faire disparaitre le texte à l'origine sur l'image.
Alors ... pourquoi ?!!! Comment faire ?!
Mon HTML :
<body>
<div class=imagetotale>
<img src="http://images.innoveduc.fr/integration_gandalf.png" alt="gandalf"/>
<div class=carre></div>
<span class=rewards>
<p> Rewards <span class=mille>1000</span> <br/>Golden coin</p>
<h3> Gandalf </h3>
</div>
Et mon CSS :
img
{
opacity:0.6;
}
.imagetotale:hover
{
background-image:url("http://images.innoveduc.fr/integration_gandalf.png");
background-repeat:no-repeat;
}
.rewards
{
font-family:Arial;
font-size:50px;
position:absolute; top:-25px;left:95px;
text-align:center;
}
.carre {
width:450px;
height:130px;
background:white;
Position: absolute; top:20px; left:35px; border-radius: 20px;
opacity:0.6;
}
.mille
{
color:darkorange;
}
h3
{
font-family:Arial;
font-size:90px;
color:white;
position:relative; top:100px; left:-20px;
}
Merci d'avance pour vos précieux conseils :)
EDIT : correction des balises de code.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
A voir également:
- Mon Hover ne s'applique pas à toute ma classe
- Application se ferme toute seule android - Guide
- Application pour voir qui regarde mon profil facebook gratuit - Guide
- Application pour apprendre à coder - Guide
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? - Guide
- Les paramètres d’autorisation propres à l’application n’accordent pas l’autorisation local activation pour l’application serveur com avec le clsid ✓ - Forum Windows 10
