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 en css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut menu déroulant en css
    Bonjour,
    j'essaye de faire un menu deroulant avec du CSS j'ai deja reussit avec "display"
    le probleme est que je n'arrive pas a réafficher mon menu.

    je n'ai pas preciser le type de CSS je ne le connais pas.

    je vous montre mon bout de code du menu puis du css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    	<div id="menu">
                  <div class="sous_menu">
    		<span class="menu">DVD </span><br/>
    		<ul>
    			<a href="acceuil.php?select=action">Action</a><br/>
    			<a href="acceuil.php?select=fantastique">fantastique</a><br/>
    			<a href="acceuil.php?select=horreur">horreur</a><br/>
    		</ul>
    	    </div>
         </div>
    code css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    ul /* on masque  */
    {
    	display: none;
    }
     
    .menu:hover ul/*on affiche le contenu du menu quand on le survol*/ 
    {
    	display: block;
    }
    merci d'avance pour votre aide
    j'ai tourner le code dans tout les sens mais je ne trouve pas

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mars 2009
    Messages : 27
    Par défaut
    Salut pour faire ce genre de choses il vaut mieux utiliser du javascript^^.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut
    merci pour ta réponse effectivement je sais qu'il existe cette méthode mais elle est bien plus compliquer je ne l'ai pas comprise.

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Citation Envoyé par dariumis Voir le message
    Salut pour faire ce genre de choses il vaut mieux utiliser du javascript^^.
    mouais le CSS sais très bien le faire et il n'y aura pas de problème de désactivation de javascript


    @darktererur tu as un tutoriel qui t'expliquera en détail comment le faire en CSS ici : http://css.developpez.com/tutoriels/menu-deroulant/

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut
    Bonjour,
    merci pour le tuto , il correspond aux différent tuto trouver sur le net,
    cependant je ne comprend pas pourquoi mon menu n'affiche pas mon menu déroulant lors du passage. car d'après se que je lis mon code parait bon.

    merci de m'éclairer.

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Dans ton code HTML tu fais référence à l'id menu et dans ton code CSS tu fais référence à une classe menu car le point correspond à une classe. Pour l'id il faut utiliser le dièse #...

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut
    Merci pour ta réponse,
    c'est effectivement a la classe que je fais allusion je cache le <ul> et je veux que quand je survole le titre dvd donc la class menu, la <ul> se dévoile.

    C'est ce qui me parait le plus logique et ce qui correspond le plus au tutoriaux que j'ai rencontré.

Discussions similaires

  1. 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
  2. menu déroulant horizontal css
    Par dedel53 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 23/01/2007, 18h33
  3. Menu déroulant avec CSS
    Par fadex dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 20/11/2006, 14h14
  4. menu déroulant en css
    Par cisse18 dans le forum Mise en page CSS
    Réponses: 25
    Dernier message: 08/06/2006, 09h12

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