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 horizontal avec une phrase en dropdown pour chaque rubrique


Sujet :

CSS

  1. #1
    Candidat au Club
    Inscrit en
    Novembre 2008
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 5
    Points : 2
    Points
    2
    Par défaut menu horizontal avec une phrase en dropdown pour chaque rubrique
    Bonjour,

    Je cherche à créer un menu horizontal avec 4 rubriques, et quand la souris passe sur une rubrique, une phrase apparait (avec un effet dropdown) (la phrase devra être dans un carré qui aura la même longueur que le menu)

    donc j arrive à faire mon menu horizontal et je bloque sur l affichage des phrases

    Merci pour votre aide si précieuse..

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    As-tu regardé notre galerie de menus ? Est-ce de ça dont tu as besoin :
    http://css.developpez.com/galerie/?p...orizontaux#MH4
    ?

  3. #3
    Candidat au Club
    Inscrit en
    Novembre 2008
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 5
    Points : 2
    Points
    2
    Par défaut
    je viens de les voir, mais aucun ne correspond

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Si le menu que tu cherches n'est pas celui pointé par le lien ci-dessus, je ne vois absolument pas ce que tu souhaites faire.

  5. #5
    Candidat au Club
    Inscrit en
    Novembre 2008
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 5
    Points : 2
    Points
    2
    Par défaut
    IL YA T IL UN MOYEN DE JOINDRE UNE IMAGE? ou de vous envoyer ceci en mp?

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Pour mettre une image sur le forum tu peux cliquer sur l'icône jaune avec une montagne dans l'éditeur du forum. Ou alors en dessous tu peux cliquer sur le bouton "Gérer les pièces jointes".

  7. #7
    Candidat au Club
    Inscrit en
    Novembre 2008
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 5
    Points : 2
    Points
    2
    Par défaut
    je souhaiterais que quand on clique sur un lien la phrase en dessous apparait et reste visible tant qu'on n a pas cliqué sur un autre lien;

    ci joint le visuel pour plus de clarté

    Merci
    Images attachées Images attachées  

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Points : 344
    Points
    344
    Par défaut
    Quel est ton code HTML, CSS , JS (si tu en as utilisé) ?
    Sébastien Courjean
    Développeur Web
    scourjean@cyres.fr
    http://www.cyres.fr/

  9. #9
    Membre actif
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Points : 286
    Points
    286
    Par défaut
    Utilise javascript avec un "onmouseover" qui renvoie sur une fonction, et lorsque tu survoles ton menu, tu récupères le nom de l'id ou de la class que tu as mis pour chaque rubrique, et tu mets comme propriété un visibility à visible (et par défaut dans ta feuille de style c'est à hidden).

    enfin pour ton problème je trouve que c'est plus adapté d'utiliser javascript.

Discussions similaires

  1. Réponses: 3
    Dernier message: 29/10/2013, 15h44
  2. Menu Horizontal avec sous menu horizontal
    Par yamatoshi dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/04/2009, 15h09
  3. menu horizontal avec plusieurs styles
    Par bruman dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 19/02/2009, 16h39
  4. Réponses: 1
    Dernier message: 03/08/2007, 07h55
  5. Menu horizontal avec images car font exotic
    Par enestaf dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/07/2007, 11h40

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