IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Menu déroulant avec CSS


Sujet :

CSS

  1. #1
    Membre confirmé Avatar de fadex
    Inscrit en
    Septembre 2005
    Messages
    223
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Septembre 2005
    Messages : 223
    Par défaut Menu déroulant avec CSS
    Bonjour

    j'ai trouvé cet Exemple

    dans ce tutorielMenu déroulant

    mais le problème c que cet exemple ne marche que sous FireFox

    la question : comment realiser le meme effet sous IE ?

    Merci d'avance

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 10
    Par défaut
    Je ne pense pas qu'il soit possible d'obtenir le même effet juste en CSS. Tu peux néenmoins essayer en mettant un <span> dans ta balise <a> mais ce n'est pas trés correct.

  3. #3
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    c'est normal, le type utilise des png transparent comme image de fond (ce qui te donne l'impression de transparence) et IE (6 et inférieur du moins) ne les gère pas (normalement le 7 les gère)
    Tu peux avoir cet effets en mettant ton background à #fff (blanc) et en utilisant ces propriétés :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    opacity:0.5; 
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    Mais attention elles ne sont pas valides W3C

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @trotters213 : De plus IE6 ne gère pas cette ligne :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    #menuDeroulant li:hover > .sousMenu { display: block; }
    Donc les sous-menus n'apparaîssent pas.

    @fadex : Tu peux t'inspirer de ces deux posts :

    http://developpez.net/forums/showpos...5&postcount=83

    http://developpez.net/forums/showpos...61&postcount=6

    Qui sont bien sûr à améliorer selon tes besoins.

  5. #5
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    Franchement je te conseille le premier lien, il est carrément meilleur, ... incomparable

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @trotters231 : J'avoue que le mien comporte un ou deux bugs qu'il faut que je corrige, mais il est fixe.

  7. #7
    Membre confirmé Avatar de fadex
    Inscrit en
    Septembre 2005
    Messages
    223
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Septembre 2005
    Messages : 223
    Par défaut
    merci beaucoup ,

    quand j'ai lu ca , j'ai tombé de ma chaise

    Avoir des muscles c'est bien mais avoir un cerveau c'est mieux, ... moi j'ai ni l'un ni l'autre

  8. #8
    Membre éprouvé

    Profil pro
    MOA
    Inscrit en
    Décembre 2002
    Messages
    1 245
    Détails du profil
    Informations personnelles :
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : MOA

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 245
    Par défaut
    incroyable ce menu, il est super bien fait. Oui en effet je comfirme sous IE5, il ne se passe rien du tout.

  9. #9
    Membre confirmé Avatar de fadex
    Inscrit en
    Septembre 2005
    Messages
    223
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Septembre 2005
    Messages : 223
    Par défaut
    et meme sous IE6

  10. #10
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    @fadex & weed : Vous parlez de quel menu ?

  11. #11
    Membre éprouvé

    Profil pro
    MOA
    Inscrit en
    Décembre 2002
    Messages
    1 245
    Détails du profil
    Informations personnelles :
    Localisation : France, Eure et Loir (Centre)

    Informations professionnelles :
    Activité : MOA

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 245
    Par défaut
    bisounours (arf que de souvenir) > de ce menu http://www.developpez.net/forums/sho...d.php?t=238315

  12. #12
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ah, d'accord, du menu du premier post.

    En effet il ne fonctionne pas sur IE pour les raisons sus-citées ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Menu déroulant avec CSS
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/07/2012, 14h28
  2. Menu déroulant avec CSS
    Par Invité dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/12/2008, 21h21
  3. Pb avec Internet Explorer pour les menu déroulant en css
    Par gaet_045 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/06/2007, 08h31
  4. Menu déroulant avec préselection automatique
    Par Invité dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 16/06/2005, 12h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo