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

  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)

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    128
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2009
    Messages : 128
    Par défaut re
    perso,
    j'ai arrêté de me torturer et suis passé à :
    http://www.xtreeme.com/ (peut-être un jour à scheme designer pour créer moi-même)
    et à
    http://www.allbuttons.com/


    http://flashmenulabs.com/ a l'air pas mal pour le flash. je craquerai peut-être un jour. et leur menu tickers a l'air chouette aussi

    bon , les puristes vont me lincher mais à 10-50 euros, je ne me casse plus à faire des menus

    Marc

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

    La propriété position permet de positionner un élément. La valeur absolute fait sortir l'élément du flux : c'est à dire qu'il n'influe plus sur ses voisins, ceux si se positionnent comme s'il n'existait pas. Il se positionnera par rapport au premier élément parent qui sera positionné (en relative) ou par rapport aux bords du navigateur. Pour déplacer cet élément on peut utiliser les propriétés top, left, right et bottom...

    La valeur relative ne fait pas sortir l'élément du flux, se voisins seront influencés par lui. Pour le déplacer on peut aussi utiliser les propriétés top, left, right et bottom... Bref son empalcement d'origine restera "utilisé" même si tu déplace l'élément...

    Display permet de définir le mode d'affichage de l'élément. La valeur none va faire disparaitre l'élément...

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