18041 sujets

Questions générales et questions de débutants

Créer un menu stylé en html

Bonjour à tous !

Voila je suis tout nouveau sur le site et j'ai plein de questions pour vous !
Aujourd'hui ma question est : Comment créer un menu html simple et stylé ??

Ce que je voudrais c'est faire un menu horizontale et que ma barre de sous titre suive quand la souris passe sur l'un des titres.
Est ce faisable en html ou peut etre faut il le faire en flash ??
Ensuite question 2 est ce que cette barre de sous titre est personnalisable j' aimerai qu'elle soit bien grosse et arrondie...

PLEASE HELP ME !!!
Modérateur
Bonjour,

Si tu apprends HTML et CSS, voire même un peu de Javascript, tu seras en mesure de faire tout ce qui est techniquement possible.

Je n'ai pas trop compris le résultat que tu voulais obtenir précisément, mais un bon point de départ est Listamatic. Il y a quelques exemples de menu verticaux et horizontaux.

Si tu voulais quelque chose de plus évolué, il faudrait nous donner un exemple concret, comme une image du but à atteindre.
Modifié par Tony Monast (14 Apr 2011 - 15:08)
Modérateur
À la base, un simple border-bottom au hover du lien pourrait faire l'affaire, sauf pour les coins arrondis. (voir cet exemple)

Sinon, tu pourrais utiliser des images de background au hover, un peu comme ici.

L'autre solution est de faire complètement le menu en image (<img src="..." alt="..." />) et de réaliser le hover en Javascript.

Tu pourrais aussi fouiller du côté de border-radius en CSS. Il y a peut-être moyen d'y arriver sans image, avec un border-radius et un border-bottom. À voir!
Modérateur
Ah! Je n'avais pas compris qu'il voulait un effet de mouvement. Effectivement, ça va prendre une dose de Javascript pour réaliser ça.
Sujet clos
Aller à