begin process at 2010 07 29 16:30:53
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

WebDesign

 > MENU DEROULANT VERTICAL/HORIZONTAL EN CSS

MENU DEROULANT VERTICAL/HORIZONTAL EN CSS


 Information sur la source

Note :
5 / 10 - par 1 personne
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :WebDesign Classé sous :menu, css, dynamic, vertical, horizontal Niveau :Débutant Date de création :29/05/2009 Vu / téléchargé :20 967 / 3 163

Auteur : nery88

Ecrire un message privé
Site perso
Commentaire sur cette source (18)
Ajouter un commentaire et/ou une note

 Description

comme le titre l'indique c'est un menu en CSS facile a modifier compatible tous navigateur, celui ci peu être vertical comme horizontal menu présent sur http://groupe-nery.net en horizontal, c'est la 1ere source que je poste ici.

Source

  • tout est dans le zip
tout est dans le zip


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec une capture MAQUETTE WEB 002 ( EN PSD) par yacdj
Source avec une capture MAQUETTE WEB 001 par yacdj
Source avec Zip DECOUPE MARS par sliper69
Source avec Zip MENU DÉROULAN par sliper69
Source avec Zip CUSTOMISATION DE BUTTON TAGS AUTOMATIQUE par labotemplates

 Sources en rapport avec celle ci

Source avec Zip MENU DÉROULAN par sliper69
Source avec Zip LE MENU DE CODES-SOURCES [HTML + CSS] par jesusonline
Source avec Zip Source avec une capture BANNIÈRE ET MENU STYLE TECHNIQUE. par Lapinpsykopate
Source avec Zip Source avec une capture HAUT DUN SITE A REUTILISER par Hfyx
Source avec Zip ENCORE UN MENU LIVEMOTION par Jackboy

Commentaires et avis

Commentaire de regis85 le 01/06/2009 09:43:51

Simple, propre et efficace !!!
Il manque les images dans le zip pour être parfait ;-)

Manque également un commentaire sur la première ligne des CSS concernant 'behavior'. Est-elle indispensable cette ligne ?

Commentaire de bluedemon le 02/06/2009 14:05:13

Je n'ai pas regardé le code mais j'ai testé sur des navigateurs le lien fourni. Le menu n'est pas compatible tout navigateur (IE6). Donc compatible IE7+ (non testé avec IE7).

Commentaire de nery88 le 02/06/2009 21:56:07

non compatible IE6 peut être IE7 surement désolé d'être à jour est déjà sous IE8, perso je navigue sous Firefox donc déjà je suis étonné qu'IE soit a jour chez moi mais merci de m'avoir signaler son incompatibilité.

Pour te répondre Regis non elle n'est pas indispensable tu peu la commenter/effacer si tu le souhaite

Commentaire de bluedemon le 02/06/2009 23:33:25

Cela n'a rien a voir sur le faite d'être à jour ou pas. Sache que 26% des internautes mondiaux utilise IE6. Un bon webmaster comme il se doit, doit réaliser un site web 100% compatible tous navigateure afin de ne pas perdre des "futur" clients pour un site web marchand par exemple.
Mais il faut prendre son mal en patience que IE6 soit définitivement dans les oubliettes. Et c'est pas demain la veille.

Commentaire de nery88 le 02/06/2009 23:35:42

je ne te le fait pas dire que ce n'est pas demain qu'ils sera aux oubliettes

Commentaire de krabouc le 10/06/2009 19:00:38

salut,
le menu horizontal ne fonctionne pas sur IE7
Impossible d'accéder aux sous menus avec la souris sauf le dernier
Il fonctionne sous HPfirefox.

le menu vertical est opérationnel

Sur ton site c'est pareil. Attention aux fautes d'orthographes qui nuisent un tantinet à la lecture...
Bon courage.

Commentaire de nery88 le 13/06/2009 14:43:56

qu'il ne fonctionne pas sous Ie7 je veux bien te croire mais sous FF je peu t'assurer qu'il fonctionne parfaitement vu que je ne me sert que de FF comme navigateur il a été tester plus d'une fois sous celui ci

Commentaire de labotemplates le 21/07/2009 09:27:15

Bonjour,
Plutôt sympa comme menu !! Parcontre je suis épatationné qu'il fonctionne sur le site http://groupe-nery.net/PGE/acc.php... :)
Je me suis permis de jeter un oeil sur le source pour comprendre pourquoi ce code ne fonctionne pas pour certain : il s'avère que le code contient plusieurs ouvertures <html>, <body>, plusieurs définitions de DOCTYPE, etc... Peut être que ceci expliquerait cela non ? A voir.

Commentaire de nery88 le 08/08/2009 15:17:59

oui labotemplates c'est surement a cause de ça c'est de ma faute toujours trop presser lol

Commentaire de l informatiquepourtous le 24/09/2009 20:26:21

C'est exactement le même que celui du tutoriel du site du ZERO sur les menu déroulant en css.

Commentaire de l informatiquepourtous le 24/09/2009 20:27:34

http://www.siteduzero.com/tutoriel-3-37795-creer-un-menu-horizontal-deroulant-en-css.html

Commentaire de rerebubu le 14/10/2009 05:23:31

as tu effectuer la correction pour le rendre compatible avec Internet explorer ?
merci

Commentaire de nery88 le 23/11/2009 22:40:58

quelle version d'internet explorer car sur mon site il passe nikel sous IE8

Commentaire de dinette2010 le 18/01/2010 19:31:06 5/10

bonjour à tous,

Je suis toute nouvelle sur votre site, je cherchais un menu vertical en css. J'ai trouvé il est parfait, mais quand je l'ai inclus dans ma page d'accueil les sousmenus ne s'ouvrent plus. Il y a bien le lien vers la page css, il fonctionnait avant que je l'intègre dans ma page php. Vous avez une petite idée pourquoi j'ai ce problème.
Merci pour ce code.
dinette2010

Commentaire de labotemplates le 18/01/2010 19:40:41

@dinette

peut être faut-il comparer la structure fournie avec la tienne. Prends garde aux z-iindex.
Cdlt.

Commentaire de dinette2010 le 19/01/2010 00:18:12

merci labotemplates d'avoir répondu à ma question. J'ai créé ma propre liste et j'ai adapté le css. Je suis sur IE8 donc il n'y a pas trop de problème à ce niveau là. Le menu fonctionne très bien quand il est tout seul dans la page. Mais quand je l'intègre dans une page php avec un include, une partie du css réagit au passage de la souris mais les sousmenus ne s'ouvrent plus.J'ai essayé de le copier directement dans la page sans le include mais c'est toujours la même chose. et je ne sais pas ce que c'est z-index.

Commentaire de graphitech le 03/03/2010 12:03:52

désolé mais le vertical ne fonctionne pas sous ie 8
par contre tous les autre navigateur no problem
merci pour ce code
trés bon

Commentaire de labotemplates le 03/03/2010 18:37:23

@l informatiquepourtous
C'est très gentil d'avoir posé un commentaire, mais le lien que tu fournis pointe sur une source qui n'est pas du tout la même. As-tu une précision sur la comparaison ?
cdlt

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

CSS - deux flottant entre une image [ par Guizmo95 ] &nbsp;&nbsp;&nbsp; Bonjour, Voil&#224; mon probleme, je souhaite faire un site avec un menu &#224; droite, un menu &#224; gauche et au centre, du text css vertical-align [ par forcels ] Hello tout le monde !Voila mon problème: J'aimerais centrer un texte dans un td, à l'aide des styles css. Précision: Je ne veux pas mettre les styles probleme de menus vertical et horizontal sur la meme page avec Strusts layout [ par gnils ] Salut à tousJ'ai crée deux menus déroulants horizontal et vertical.Mais seulement un seul menu déroulant s'affiche: soit le vertical ou l'horizontal.J menu avec un sous menu avec css & html [ par jiji2703 ] j ai realisé un menu avec css&html et je voulais integé des sous menu a mon menu mais j ai pas pu reussir voila mon code le code css: .menu { list-st supprimer une image pour l'impression css [ par Sweety521 ] Bonjour, J'ai créée une feuille de style pour l'impression et j'aimerais pouvoir ne pas imprimer l'image qui me permet de faire la navigation entre l probléme d'ajout un sous menu à un menu [ par msmcml ] Salut, j'ai un probléme avec ce menu je n'arrive pas à ajouter des sous menus aux sous menus, jeveux qu'il soit sur 3 niveaux et non pas seulement 2, css pour rendre un text ditable [ par mohamedinfo ] bjr , je veu réaliser une application comme startuml? mon premier étap est de une icone qui avec n text editable comme ca :http://www.extjs.com/exampl css !? [ par yafuka ] Salut à tous !J'ai un petit probleme concernant les css.en fait je ne sais pas vraiment utiliser les css je me contente juste de mes link.visited , ho CSS @media print{/*Saut de page !?!*/} [ par J_G ] Bonjour &#224; tous...Une petite question de mise en page HTML qui pose soucis depuis d&#233;j&#224; trop d'heures :(Je dois afficher une version impr style css probleme d'alignement [ par fafal ] J'ai un petit probleme avec mon tableaux je voudrai supprimer l'espace qui il y a en dessous de l'image afin que le boutons sois collé en bas a droite


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Juillet 2010
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,109 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales