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 :

rajoutez un niveau au Menu vertical 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
    Avril 2008
    Messages
    253
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 253
    Par défaut rajoutez un niveau au Menu vertical CSS
    Bonjour, j'ai un menu deroulant vertical sur un niveau, mais je n'arrive pas à le mettre sur 2 niveaux, en CSS.

    Voici mon HTML :

    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
    <ul class="navigation">
      <li class="toggleSubMenu"><span>PORTABLES</span>
        <ul class="subMenu">
          <li><a href="/html/produitsalavente.php?rubrique=lap&sr=13p" class="LinkSubMenu">Portables 13"</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=lap&sr=14p" class="LinkSubMenu">Portables 14"</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=lap&sr=15p" class="LinkSubMenu">Portables 15"</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=lap&sr=16p" class="LinkSubMenu">Portables 16"</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=lap&sr=17p" class="LinkSubMenu">Portables 17"</a></li>
                                                <!--<div class="LinkSubMenu">T&eacute;moignage du Dr Fran&ccedil;ois Curnier - P.D.G. Digisens SA</div>-->
        </ul>
      </li>
      <li class="toggleSubMenu"><span>STATIONS</span>
        <ul class="subMenu">
          <li><a href="/html/produitsalavente.php?rubrique=bur" class="LinkSubMenu">Bureautique</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=cre" class="LinkSubMenu">Cr&eacute;ation</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=des" class="LinkSubMenu">Design</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=mul" class="LinkSubMenu">Multimedia</a></li>
          <li><a href="/html/produitsalavente.php?rubrique=gam" class="LinkSubMenu">Gaming</a></li>
        </ul>
      </li>
    </ul>
    Je sais qu'il fait que je rajoute un <ul><li>blabla</li></ul> dans un <LI>, mais je galère avec le CSS.
    Voici mon CSS :

    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
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    .navigation
    {
      margin: 0;
      padding: 0;
      list-style: none;
      background:#ffffff;
      color: #eeeeee;
      width: 191px;
      font: 13px Arial, sans-serif;
    }
     
    .navigation a, .navigation span
    {
      display: block;
      padding: 5px 0px 0px 10px;
      color: #eeeeee;
      text-decoration: none;
      background: transparent left bottom no-repeat;
      height:20px;
      border-bottom: 1px solid #666;
    }
     
    .navigation .toggleSubMenu a, .navigation .toggleSubMenu span
    {
      background-image: url(menu-item-deroule-products.png);
    }
     
    .navigation .open a, .navigation .open span
    {
      background-image: url(menu-item-enroule-products.png);
      font-weight:normal;
    }
     
    .navigation a:hover, .navigation a:focus, .navigation a:active
    {
      text-decoration: none;
      font-weight:bolder;
    }
     
    .navigation .subMenu
    {
      background: transparent url(subMenu.png) 0 0 repeat-x;
      font-size: 14px;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      list-style: none;
    }
     
    .navigation ul.subMenu a
    {
      background: none;
      padding: 3px 20px;
    }
     
    a.LinkSubMenu
    {
      font-size: 12px;
      font-weight:normal;
      text-decoration:none;
      color:#000000;
    }
     
    div.LinkSubMenu
    {
      font-size: 12px;
    }
    Quelqu'un peut-il me donner un coup de main svp ? ça serait vraiment gentil car là je galère trop.

    Merci
    Ju'

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    Je sais qu'il fait que je rajoute un <ul><li>blabla</li></ul> dans un <LI>, mais je galère avec le CSS.
    pas bien vu ou tu veux en venir en CSS, mais peut être que ma vue baisse...

  3. #3
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Si tu fais une recherche sur developpez.com, tu trouveras facilement une réponse:
    Des menus déroulants grâce aux CSS

    ...

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    253
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 253
    Par défaut
    Merci je vais voir ce lien et je reviens vers vous pour valider le sujet ou si j'ai un souci de compréhension

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    253
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 253
    Par défaut
    Bon malheureusement ça ne marche pas, il faut que je trouve une alternative à mon problème. Mais merci quand même

Discussions similaires

  1. Menu CSS vertical, problème au troisième niveau du menu
    Par mouna201 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/11/2008, 23h09
  2. Menu vertical CSS et texte sur fond de page.
    Par dudule0 dans le forum Mise en page CSS
    Réponses: 23
    Dernier message: 04/11/2008, 21h19
  3. Probleme avec mon menu (vertical) CSS
    Par charleshbo dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/06/2008, 16h53
  4. [CSS]Menu vertical déroulant
    Par bitardo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/07/2007, 15h24

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