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 :

sous menu css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 122
    Par défaut sous menu css
    Bonjour.

    Je suis en train de tenter de mettre un sous menu dans un menu.
    C'est à dire avec un sous menu qui apparaît quand on place le curseur dessus (un peu comme sur la page principale du site).

    D'ailleur en parlant de ça, je suis allé voir dans le code source de la page de développez .com

    j'ai trouvé la partie correspondante:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
     
        <div id="gabarit">
     
        <div id="gabarit_tabmenu">
            <div>&nbsp;</div>
            <ul id="tabs">
     
    	            	                <li class="item first">
     
    	                	                    <a href="http://www.developpez.com/" class="selected">
     
    	                   Accueil
     
    	                                               <span class="tooltip">
                                Actualités IT Pro
    	                       </span>
                           	                </a>
     
     
    	            </li>
     
    	            	                <li class="item">
     
    	                                        <a href="http://conception.developpez.com/">
     
    	                   Conception
     
    	                                               <span class="tooltip">
                                Cycle de vie du logiciel
    	                       </span>
                           	                </a>
     
     
    	                    <ul class="submenu">
    	                        <li><a href="http://conception.developpez.com/">Conception</a></li>
    	                        	                            	                                <li>
    	                            	                                <a href="http://uml.developpez.com/">UML</a>
    	                            </li>
    	                        	                            	                                <li class="last">
    	                            	                                <a href="http://merise.developpez.com/">Merise</a>
    	                            </li>
     
     
    	                    </ul>
     
     
    	            </li>
    Bon apparemment la partie qui m'intéresse se trouve dans la définition de la classe submenu que je vois déclarée ici:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <link rel="stylesheet" type="text/css" href="Forum%20des%20professionnels%20en%20informatique_fichiers/vbulletin_important.css">

    le problème, c'est que je n'ai pas accès à ce fichier et donc j'aimerais bien savoir avec quelle partie de code est définie la classe submenu pour permettre l'affichage d'un tableau en dessous.

    Merci d'avance.

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    31
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 31
    Par défaut
    le fichier css que tu cherche est ici: http://www.developpez.net/forums/cli..._important.css

    mais je ne crois pas que ca va t'aider...

    regarde plutot cet exemple de menu horizontale avec sous menu style onglet:Menu Horizontale

    sinon il y a beaucoup dautre exemple ici:galerie developpez.com

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 122
    Par défaut
    ok merci, effectivement, ça ne m'a pas aidé.

    Je suis allé voir tes exemples.

    Bon, le 1er trop compliqué pour moi.

    sinon je suis allé voir les autres exemples, si ce n'est qu'il y a certaines parties de codes que je n'ai pas trop compris à quoi elles servaient:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     
    position:relative;
     
    position:absolute;
     
    display:none; (à mon avis il doit s'agir de l'affichage par défaut)

Discussions similaires

  1. Affichage Menu (+Sous Menu) CSS sous IE9
    Par reedbedroom dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 18/08/2011, 09h35
  2. Problème avec un menu css sous IE7
    Par sevenweb dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 04/06/2007, 13h31
  3. Pb Creation un sous Menu en CSS !
    Par wormseric dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 22/08/2006, 16h06
  4. Menu CSS transparent sous IE
    Par carter15_2001 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 23/02/2006, 21h21
  5. Menu CSS vertical, petit espace entre les images sous IE
    Par Death83 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/10/2005, 09h52

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