Problème barre de menu

Fermé
JohnG - 18 avril 2011 à 09:55
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 18 avril 2011 à 16:15
Bonjour,

voilà ce que je tente de réaliser en HTML et CSS :
http://img40.imageshack.us/f/forum01.png/

J'ai fais ça sous photoshop, mais maintenant il faut que ça devienne concret.

En fait, je ne vois pas du tout comment m'y prendre ...

Sachant que la typo "s'illumine" quand la souris passe dessus, sauf pour "Catalogue" où c'est le menu déroulantqui apparaît. Pour le menu déroulant, c'est un fond rouge qui prends place quand la souris se ballade dedans.

Je ne sais pas si il faut que je découpe ma barre, ou si je la prends en un seul morceau, etc.

Un des autres soucis que je rencontre : l'image que j'utilise pour ma barre de menu se situe tout en haut de la page, centrée. Le problème est qu'il reste quelques mm pour qu'elle soit réellement en haut, et là je ne vois pas comment faire ...

Pourriez-vous me guider svp ?



Merci d'avance pour votre aide

2 réponses

hervé56 Messages postés 268 Date d'inscription lundi 15 novembre 2010 Statut Membre Dernière intervention 25 mars 2017 10
18 avril 2011 à 10:16
http://www.siteduzero.com/tutoriel-3-37440-un-menu-horizontal.html

apprend a coder les base, le reste viendra tout seul ;)
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 503
18 avril 2011 à 16:15
Salut,

À première vue, il n'y a même pas besoin de découpe : c'est réalisable en CSS2 avec quelque propriétés de CSS3 (bordures arrondies et transparence).

Pour le menu déroulant, ce script est assez intéressant :
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
0