Rechercher : dans
Par :

Menu déroulant

Dernière réponse le 15 avr 2009 à 10:37:35 zalf, le 3 jui 2007 à 00:00:39 
 Signaler ce message aux modérateurs

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

1

Edward Withen, le 3 jui 2007 à 00:21:02

Salut,
bon se ke jte dit c ke ton site c'est http://www.portailvacances.com/

C'est tout ce ke je peu faire pour toi.

Répondre à Edward Withen

2

Citoyen, le 3 jui 2007 à 00:31:46

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...

Répondre à Citoyen

3

RAD ZONE, le 3 jui 2007 à 00:39:47

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 La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.

Répondre à RAD ZONE

4

Citoyen, le 3 jui 2007 à 01:16:31

Bonjour,

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

Merci...

Répondre à Citoyen

5

Citoyen, le 3 jui 2007 à 01:37:51

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...

Répondre à Citoyen

6

RAD ZONE, le 3 jui 2007 à 01:39:09

Ou avec utilisation d un hack pour IE Menu sans js mais c est un peu louche comme code !!

RAD La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.

Répondre à RAD ZONE

7

Serge_La, le 3 jui 2007 à 06:22:47

Bonjour,
Pourquoi chercher à éviter javascript dans ce cas? Javascript peut aussi faire de la transparence. Plus difficile par contre.

Serge.

Répondre à Serge_La

8

RAD ZONE, le 3 jui 2007 à 19:00:57

Allez un petit menu avec js et transparence :-))
Menu

RAD La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.

Répondre à RAD ZONE

9

Serge_La, le 4 jui 2007 à 00:42:03

Oh, très bien, Rad Zone. J'en prend note.

Serge.

Répondre à Serge_La

10

 math 2000, le 15 avr 2009 à 10:37:35
  • +1

Mais si en css compatible ie6 il y a ça http://bormat2.free.fr/menu-déroulant.html

Répondre à math 2000
Collection CommentÇaMarche.net