Fonction hover sur toute ma div

Bonjour à tous et bon début de semaine,
dans un souci esthetique j'ai décider de rajouter un légere coloration lorsque la div betclic de mon site est survolé :
http://www.example.com/betclic.html ( bas de page)

ce qui donne :
#betclic :hover { background-color: #FFE9DF;}

le problème est que la fonction hover ne me colore plus dès que que je change de paragraphe ( </p> )

Or j'ai indiqué dans mon css que je veux que ca soit toute la balise et non seulement ce qui est <p>

L'effet désiré est présent la :
http://www.example.com/betclic-poker.html ( toujours en bas de page)
mais pour arriver à cet effet j'ai du mettre tout le texte dans un meme paragraphe et utiliser <br> pour obtenir le saut de ligne que je désire.
Mais sur d'autre page de mon site je ne pourais pas!

Donc comment faire en sorte que la fonction :hover marche sur toute ma div et non seulement sur les attribut <p>
Modifié par Igor (07 Feb 2007 - 18:12)

salut,

div#betclic:hover

semble plus adapté, je crois.
Si tes paragraphes n'ont pas de couleur de fond, ça devrait aller, sinon

div#betclic:hover p {background: ...}

La pseudo classe :hover ne marche sur les <a> dans ie6 et inférieurs, pour ie7, je ne sais pas .

Merci seb,
c'est exactement ce que je voulais!
je viens donc de le modifier à l'instant pr info j'ai vérifié ca marche sous IE7 et firefox.

___seb a écrit :

div#betclic:hover

semble plus adapté, je crois.

Le div est facultatif, il me semble. Par contre, l'erreur venait de l'espace entre #betclic et :hover. Au sein d'un sélecteur CSS, l'espace est un opérateur logique.

Florent V. a écrit :

Le div est facultatif, il me semble. Par contre, l'erreur venait de l'espace entre #betclic et :hover. Au sein d'un sélecteur CSS, l'espace est un opérateur logique.

Je viens de faire le test effectivement il s'agissait de l'espace en trop et je peux me passer en fait de placer div


Par contre j'avais pas penser à l'effet que ca fait sur une ligne simple (milieu de page)
http://www.example.com/betclic.com.html
ca fait un effet de double background pas très jolis.
Qui rend mieux si je rajoute -moz-border-radius: 14px;

Malheureusement et sauf erreur de ma part cette fonction est exploité que par Firefox
Modifié par Igor (07 Feb 2007 - 18:12)