OVH Cloud OVH Cloud

hover sur background

1 réponse
Avatar
You
Bonjour


comment dire dans une css que lorsque je passe la souris sur un lien
hypertexte que celui ci se mette sur un fond gris
MAIS pas dans le cas ou le lien est rattaché à une image.

Pour l'instant je fais çà dansmon css

.divpage a:hover, .divpage a:focus{
background-color:#cc9;
color:#000;
}

cela fonctionne mais cela me "grise" aussi le fond des gifs transparents sur
lesquels il y a des liens hypertexte ...et cela ne fait pas joli ...

voir sur la page du site en signature en passant la souris sur le "livre"
par exemple : je ne voudrais pas de gris.


D'avance merci..

Yann.

PS évidemement je voudrais une soluce sans ajouter de div supplémentaire
sinon c'est trop facile !!!!
--

http://toquentete.net vous souhaite bon appétit !

1 réponse

Avatar
You
"Olivier Miakinen" <om+ a écrit dans le message de
news:c07qjk$sq0$
Le 07/02/2004 09:57, You a écrit :
>
> .divpageaccueil li:hover, .divpageaccueil a:hover, .divpageaccueil


a:focus
> {
> background-color:#666;
> color:#000;
> }
>
> .divpageaccueil img li:hover, .divpageaccueil a img:hover,


.divpageaccueil a
> img:focus
> {
> background:transparent;
> }

Je prends un exemple tiré de ta page :

<p class="normalcenterbold"><a href="deran_a.php" title="Vers la
rubrique Trombones"><img src="style/objet/trombone.gif" title="Vers la
rubrique Trombones" alt="Trombone" /></a></p>

Quand on passe la souris sur l'image, cela grise le lien à cause de la
règle css sur « .divpageaccueil a:hover ». Or, quand le <a> contient un
<img>, tu voudrais que cette règle ne s'applique pas.



OUI c'est exactement çà que je voudrais ;-))

Ce n'est malheureusement pas possible avec css-2 : tu peux mettre une
règle sur un élément qui dépend de son ou ses contenants, mais pas une
règle qui dépende de son contenu. Peut-être avec css-3 ?




SNIF 8-((((((((((((((((((((


Actuellement, tu ne peux t'en sortir qu'en modifiant le code HTML, par
exemple pour rajouter une classe aux liens qui contiennent une image.




Merci pour cette précision, je commençait à devenir dingue !!!

Je vais me lancer dans les classes alors ou en faisant une div dans une div
...


Merci encore.

Yann.


--

http://toquentete.net vous souhaite bon appétit !