Discussion :

[Max8679]

Bonjour,
j'aimerai, quand je survol (hover) l'image que le texte en dessous se colore en rouge.
Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img:hover + p{
    color:red; 
}

Or cela ne fonctionne pas ...
Par contre j'ai testé en faisant la combinaison h2 + p et pas de problème, le texte (<p>) se colore.

Merci

[mathieu]

je viens d'essayer votre code css dans l'exemple suivant et il fonctionne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Building_of_the_Musee_des_Beaux-Arts_de_Nancy_02.jpg/299px-Building_of_the_Musee_des_Beaux-Arts_de_Nancy_02.jpg" alt=""/>
<p>
du texte
</p>
 
<style>
img:hover + p{
    color:red; 
}
</style>

[Max8679]

Merci de votre réponse.
En essayant votre code cela fonctionne.
Par contre avec le mien (avec une image en local, cela ne fonctionne pas) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<img src="Images\DRY_chateau du boucher.jpg" title="Alors, envie de vous balader n'est-ce pas ?" alt="Photo de plage vue du dessus"/><br> 
<p>Tu as vu comment c'est beau ?<br></p>

J'ai trouvé le problème -> c'est la balise retour à la ligne br à la fin qui pose problème