Discussion :

[123quatre]

bonjour,

je souhaire reproduire à peu près la même bare de menu que celle là (voir le lien):
http://www.microsoft.com/france/wind...a/default.aspx

j'ai monter la barre de menu (div D) avec un arriere plan A. Et je voudrais qu'au passage de la souris sur une partie (div D_i) de D la couleur de l'arrière plan change.

J'ai regarder dans la doc css j'ai pas trouvé grand chose.


merci de me donner un coup de main !

[viviboss]

Ta barre de menu, par définition, doit avoir des liens (a href="....."). Il faut que dans tes styles tu définisses ce genre de chose, l'élément clé est le "display:block" :

Code :

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

1
2
3
4
5
6
7
8
9
 
a {
background : #000000;
display:block
}
 
a:hover {
background : #111111;
}

Bonne chance !!!

[viviboss]

..... Ou t'as qu'à faire comme sur le site que tu donne en exemple : tu met une image en arrière plan dans l'attribut de "a", et dans "a:hover" tu change l'image d'arrière plan....

[123quatre]

ok !!!! merci !!!



pourquoi display:block est obligatoire ? n'est ce pas la valeur par défaut du div ?

[viviboss]

display : block te permet de mettre l'intégralité du div en survolé, sans cette instruction, seul tes "liens" pourraient être survolés (c'est à dire ton mot ou ta phrase en lien, mais pas l'arrière plan....)

[123quatre]

ça marche, merci pour votre aide !!


sincèrement

[viviboss]

De rien, bonne chance