Faire un menu similaire au menu d'alsacreationS

salut à tous
apres avoir contacter le big boss d'alsacreation, il m'a conseillé de venir ici
donc en gros j'aimerai comprendre le fonctionnement du menu d'alsacreation, celui ou on distingue une forme de couleur qui une fois qu'on passe la souris par dessus semble s'agrandir avec le nom de la categorie

j'ai essayé de faire des tests avec les differents tuto présent mais y'a rien de similaire et j'ai passé 3h à crée moi même le CSS mais chui pas encore assez doué

donc si vous pouviez m'aiguiller ca serait pas mal

Bonjour,

Tu parles du menu de la racine du site http://www.alsacreations.com je suppose? Parce qu'entre le Forum, le livre, le blog, les articles, leur traduction EN et le www, cela en fait des menus

Il additionne plusieurs techniques, pas ce qu'il y a de plus simple à décortiquer du coup
Succinctement, le menu est dans un état "neutre" en temps normal.
Lorsque la souris survole un élément, c'est la propriété hover qui réagit et cet élément change d'aspect (cherche dans http://www.alsacreations.com/style.css le mot hover pour voir quoi)
Pour ça le texte apparait et le rectangle coupé en arrière-plan est une image beaucoup plus longue (déplacée grâce à background-position je suppose mais je peux me tromper n'étant pas très connaisseur, en temps normal cette image est juste en-dehors de l'écran donc invisible - truc en rapport avec la technique du sprite je crois)
Si tu regardes le texte qui apparait en bas genre Réalisations --> "Aperçu des différentes créations et références" et que tu le cherches dans le source de la page, tu constateras que ce texte est dans une balise span. Or span+hover dans le CSS a des propriétés bien particulières etc


EDIT: tu as Firefox et ses extensions EditCSS, WebDeveloperToolbar, Aardvark (ortho?)? C'est pas obligatoire mais ça aide à modifier on the fly le CSS pour constater "tiens quand j'enlève ça le menu marche plus donc ça doit bien servir à quelque chose et quand j'enlève ça tout marche sauf l'image"
EDIT2: C'est AlsacreationS
Modifié par Felipe (22 Jun 2005 - 20:34)

oki j'ai cherché dans la source l'url du CSS mais comme il apparait pas clairement je pensais qu'il ne voulais pas qu'on fouille trop
bon ben jvai regardé ca deplus pres
merci

Erf sisi, faut juste avoir l'habitude.
La ligne

@import url(style.css)

indique un chemin vers la feuille de style CSS. Mais c'est un chemin réduit à sa plus simple expression: le nom du fichier. Donc en fait, elle est dans le même répertoire que la feuille HTML, c'est-à-dire la racine du site.
Tu prends http://www.alsacreations.com puis un / (slash) puis ce qu'il y a entre parenthèses soit style.css et voilà http://www.alsacreations.com/style.css

oui effectivement j'aurai pu le deduire ... bon je bouffe et apres jmy met

bon j'ai vraiment trop de mal avec le CSS......je capte pas grand chose....jvai faire un menu plus traditionnel....