Menu déroulant

zalf Messages postés 32 Date d'inscription   Statut Membre -  
math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir

Je viens de mettre un menu déroulant sur mon site : http://www.portailvacances.com/index.html Voir "espace certifié" dans le menu de gauche. Comment le rendre transparent et le faire disparaitre rapidement lorsque la souris a changé de place? actuellement c'est trop long pour moi

Bonne soirée
Configuration: Windows Vista
Firefox 2.0.0.4

9 réponses

  1. Citoyen
     
    Bonjour,

    Pistes :

    Menus Déroulants transparents avec temps de fermetures contrôlés :

    Objectif :

    Réaliser un menu déroulant XHTML + CSS (sans javascript) avec fonds transparents :

        "MarcArea_com - Menus Déroulants CSS 01 (transparents et sans javascript)"

    Notes :

    * Pour donner un fond transparent, il faut créer dans un logiciel de création d'image, un rectangle de couleur uni, avec un niveau de transparence alpha à 60% par exemple, et l'enregistrer au format PNG. Puis le placer (le rectangle transparent), en tant qu'image de fond des liens des sous-menus .

    ** Pour plus de raffinement et dans l'esprit de la transparence, il est possible de donner un bord supérieur et un bord droit transparents aux éléments des sous-menus .

    Merci...
    0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    oui mais les menus déroulant sans js ne fonctionneront pas dans Internet Explorer 6 et versions antérieures car ces navigateurs ne supportent pas la pseudo-classe :hover !!!!!!

    RAD
    0
    1. Citoyen
       
      Bonjour,

      J'avais bien lu cette restriction ;-) Merci de l'avoir précisé .

      Merci...
      0
  3. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  4. Citoyen
     
    Bonjour,

    Réaliser un menu déroulant XHTML + CSS (sans javascript) avec fonds transparents :

        "MarcArea_com - Menus Déroulants CSS 01 (transparents et sans javascript)"

    LE TEXTE COMPLET CONCERNANT LES RESTRICTIONS :

    Attention : le menu déroulant décortiqué dans ce tuto ne fonctionnera pas dans Internet Explorer 6 et versions antérieures car ces navigateurs ne supportent pas la pseudo-classe :hover sur un autre élément que <a>. Ce navigateur ne supporte pas non plus les images au format PNG avec transparence alpha. Il existe des solutions, je vous laisse creuser.

    * Pour les plus geeks d'entre vous, je vous conseille l'étude d'une autre technique qui propose d'utiliser ce qu'on appelle en anglais les behaviors pour permettre à IE de comprendre la pseudo-classe :hover sur tous les éléments ( whatever:hover !) et de faire des chouettes menus.

    * Voir aussi, les bons tutoriels d'Alsacréations ; Lien "Menu déroulant en CSS et XHTML (horizontal et vertical".

    Merci...
    0
  5. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    ou avec utilisation d un hack pour IE Menu sans js mais c est un peu louche comme code !!

    RAD
    0
  6. Serge_La Messages postés 408 Statut Membre 47
     
    Bonjour,
    Pourquoi chercher à éviter javascript dans ce cas? Javascript peut aussi faire de la transparence. Plus difficile par contre.

    Serge.
    0
  7. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    allez un petit menu avec js et transparence :-))
    Menu

    RAD
    0
  8. Serge_La Messages postés 408 Statut Membre 47
     
    Oh, très bien, Rad Zone. J'en prend note.

    Serge.
    0