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 vertical


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 6
    Par défaut Menu déroulant vertical
    Bonjour à tous.
    Je sollicite vos connaissances en la matiére.

    Voilà, j'ai une boutique en ligne www.aquasyl.fr/q4
    Dont les sous catégories de mes produits s'allongent de plus en plus.

    Je cherche à obtenir mon menu de gauche en menu déroulant verticale sur la gauche.
    Voici ce que je cherche à obtenir :
    www.cssplay.co.uk/menus/flyoutt.html
    J'ai contacté la personne de ce site, mais le mail semble ne plus fonctionner.

    Je cherche en vain depuis longtemps sans pouvoir y arriver.

    Je vous donne ici le css de ce menu ( menu 1 )
    ( en éspérant reussir à respecter votre charte pour l'affichage des codes)



    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    /* MENU 1 styles - left menu */
    #menu1{width:150px;margin:1px 0 1px 1px;}
    #menu1 dt{border-bottom:1px solid #000099;}
    #menu1 dt a{display:block;height:12px;padding:1px 0 1px 1px;color:white;font: 1.170em verdana, sans-serif;}
    #menu1 dt a:hover{color:#FF33FF;}
    #menu1 dd{margin:0 0 0 1px;border-bottom:1px solid red;}
    #menu1 dd a{display:block;height:15px;padding:2px 0 1px 2px;color:#FFFF00;font:1.167em verdana, sans-serif;}
    #menu1 dd a:hover{color:red;}
    #menu1 dt.l1{border-top:px solid red;}
    Le fichier menu1.tpl :

    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
    <!-- BEGIN LIST_HEAD -->
    <dl id="menu1"><!-- END LIST_HEAD -->
    <!-- BEGIN LIST_LIST -->
    <dt class="l$aList[sStyle]" $aList[sSelected]><a href="?p=p_$aList[iCategory]&amp;sName=$aList[sNameUrl]">$aList[sName]</a></dt>
    <!-- END LIST_LIST -->
    <!-- BEGIN SUB -->
      <dd class="l$aList[sStyle]" $aList[sSelected]><a href="?p=p_$aList[iCategory]&amp;sName=$aList[sNameUrl]">$aList[sName]</a></dd>
    <!-- END SUB -->
    <!-- BEGIN LIST_FOOT -->
    </dl>
    <!-- END LIST_FOOT -->
    <!-- BEGIN SELECTED --><!-- END SELECTED -->
    <!-- BEGIN PHOTO --><!-- END PHOTO -->
    <!-- BEGIN NOT_FOUND -->
    <dl id="menu2">&nbsp;</dl>
    <!-- END NOT_FOUND -->
    <!-- BEGIN NO_PHOTO --><!-- END NO_PHOTO -->


    Je vous remercie pour votre aide, si vous avez besoin d'autres fichiers faites moi signe.
    Merci beaucoup d'avance.
    Sylvain

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Peux-tu donner le code HTML généré ? Ce sera beaucoup plus simple pour te donner une solution.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 6
    Par défaut
    Bonjour Kerod,
    Que veux tu me dire exactement ?
    La page que cela affiche ?

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Exactement.

    Pour en savoir plus sur ce forum : http://www.developpez.net/forums/a17...isation-forum/

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 6
    Par défaut
    J'éspére ne pas te répondre à coté de la plaque.

    Ce code donne le menu de Gauche ( celui avec toutes mes catégories de produits )

    Sur mon site :
    www.aquasyl.fr/q4

    As tu besoin d'un autre fichier ?

    Dans un des mes fichiers, nommé /templates/page.tpl, j'ai ceci :
    $sMenu1
    Qui affiche mon menu.

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Tu sais que le menu de CSS Play est fait avec des ul li et non des dl dt dd ?
    Serais-tu prêt à changer ton architecture ?

Discussions similaires

  1. Menu Déroulant vertical
    Par Ania dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/12/2006, 15h14
  2. Problème menu déroulant vertical
    Par barbapapa2 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/10/2006, 13h28
  3. Menu déroulant vertical en cascade vertical
    Par Ania dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 28/08/2006, 18h46
  4. Problème menu déroulant vertical
    Par zoidy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/05/2006, 15h57

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