Chnager couleur texte sans rollover image

[B2OG]

bonsoir,

quand on va sur le site d'apple, à l'adresse suivante:
Apple, on trouve une barre de menu avec les logiciels "pro".
Quand on passe la souris, sur un logiciel, le texte passe du noir au blanc.
Meme chose pour le menu en dessous, sauf que cette fois-ci au passage de la souris, c'est le rectangle qui délimite la cellule du tableau (enfin je suppose) qui change de couleur.
Apple n'a pas utilisé d'image pour faire ça (pas de rollover image). J'aimerai savoir comment ils ont fait ça. J'ai regardé dans le code source de la page, mais je n'ai pas trouvé. Quelqu'un pourraît-il m'expliquer?
D'avance merci

 

[anntraxh]

Je crois pouvoir dire que ces effets de "rollover" ... sans rollover

sont inclus dans la CSS qui est liée au fichier HTML , tu trouveras des exemples expliqués ( en anglais) très clairement ici . ( Listamatic)

Tout ce site mérite , à mon avis, une visite approfondie ( voir les tutoriels CSS)

 

[aLittleWoodElfe]

Tu trouveras la CSS qu'ils ont employés à cette adresse : http://www.apple.com/euro/main/css/common/pro.css

Je pense que le code qui t'intéresse est le suivant :

#navbar {background-image: url(http://a772.g.akamai.net/7/772/51/6...com/euro/main/css/common/pronavoff_041804.gif); background-repeat: repeat-x; white-space: nowrap; text-align: center; height: 25px;}
#navbar td a:link,
#navbar td a:visited {display: block; color: #000; font-size: 11px; padding: 8px 8px 2px 8px; text-align: center; text-decoration: none;}
#navbar td a:hover {color: #fff; text-decoration: none;}


En particulier la dernière ligne.

 

[SIBELIUS]

Il suffit de donner des dimensions à la balise <a>, tout simplement.

Quelques liens :
Créer un menu en CSS : http://www.alsacreations.com/articles/menu/
Faire des rollovers sans javascript : http://www.alsacreations.com/articles/imgreactive/
Galerie de menus en CSS : http://www.alsacreations.com/articles/modelesmenus/