Menu déroulant en page d'accueil innopérant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Menu déroulant en page d'accueil innopérant

Message par Arc-En-Ciela le Mar 30 Déc 2014 - 20:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Modification de la page d'accueil / CSS
Lien du forum : http://alter-mundus.superforum.fr/

Description du problème

Bonjour,

J'avais une page d'accueil avec un menu déroulant horizontal pleinement fonctionnel, il était parfait TT___TT. J'ai effectué un changement dans ma page d'accueil dans une zone qui n'avait pas du tout rapport avec mon code pour le menu, et il a cessé de fonctionner. Comme je copie mes codes avant de les modifier, j'ai remis le même code (celui avant le bug), mais il ne fonctionnait plus.

J'ai suivi à la lettre ce tutoriel pour l'installation d'un menu déroulant : http://forum.forumactif.com/t314485-installation-d-un-menu-deroulant

J'ai recommencé de A à Z en supprimant tous mes autres codes (CSS, HTML de page d'accueil, Javascript), mais ça ne fonctionne pas plus.

Ma gestion des Javascript est activée.

Ma page d'accueil :
Code:
<dl>      <dt></dt>Nom de l'onglet<dd id="smenu1"></dd></dl>
<ul>
   
   <li>
       <a href="http://adresse-de-la-page-1">nom de la page 1</a>
   </li>
   
   <li>
       <a href="http://adresse-de-la-page-2">nom de la page 2</a>
   </li>
   
   <li>
       <a href="http://adresse-de-la-page-3">nom de la page 3</a>
   </li>
   
   <li>
       <a href="http://adresse-de-la-page-4">nom de la page 4</a>
   </li>
   
   <li>
       <a href="http://adresse-de-la-page-5">nom de la page 5</a>
   </li>
</ul><dl><dd id="smenu1"></dd></dl>

Mon CSS [remis en place]
Code:
/*****************TEST NAV*************************/
/*liste des menus*/
#menu ul{padding: 0px;
    list-style-type: none;
margin: 0px;
}
 
/*positionnement des menus*/
#menu dl {
    float: left;
    width: 150px;}
 
/*menus*/
#menu dt {
    color: blue;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    background: #ccc;
    border: 1px solid black;
    margin: 0px;}
 
/*menus au survol*/
#menu dt:hover{
    border-bottom: none!important;}
 
/*liste des sous-menus*/
#menu dd {
    display: none;
    border: 1px solid gray;
    border-top: none!important;
    background: #ccc;
    margin: 0px;
    padding: 0px;
    list-style-type: none;}
 
#menu li {
    text-align: center;
    background: grey;
    margin: 0px;
    padding: 0px;
    list-style-type: none;}
 
/* liens des sous-menus*/
#menu li a, #menu dt a {
    color: black;
    background: #ccc;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;}
 
/*liens des sous-menus au survol*/
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
    color: white;
    text-align: center;
    width: 150px;
    cursor: pointer;
    font-weight: bold;
    background: gray;
    margin: 0px;
    padding: 0px;
    list-style-type: none;}



/***************TEST DE PAGE DACCUEIL TABLEU ONGLET*******************************/


/* .systab .tab => les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
  background: #b8efa1;
  color: #487f31;
  border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
  color: #ccc;
  background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}

















/******************** BALISES PERSONNELLES ********************/
.un { text-align: center;
  color: #EBE9F2;
  font-variant: small-caps;
  font-family: palatino linotype;
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 0px 10px #FFFFFF;
  background: #050B22;
  background-image:url('http://img404.imageshack.us/img404/9619/suliibackgroundcss1.png');
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 50px 50px 0px 0px;
  -moz-border-radius: 50px 50px 0px 0px;
  -webkit-border-radius: 50px 50px 0px 0px;
  border: dotted 1px #EBE9F2;
  padding: 5px;
  line-height: 112px;
  height: 112px; }

.deux { text-align: center;
  color: #EBE9F2;
  font-variant: small-caps;
  font-family: palatino linotype;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 0px 9px #FFFFFF;
  border-bottom: dotted 1px #EBE9F2;
  border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -webkit-border-radius: 25px 25px 0px 0px;
  background: #050B22;
  padding: 10px; }
 
.trois { display: inline;
  color: #EBE9F2;
  font-variant: small-caps;
  font-family: Palatino linotype;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 0px 8px #FFFFFF;
  border-bottom: dotted 1px #FFFFFF; }

.quatre { font-weight: bold;
  font-style: italic;
  color: #d4d1de;
  text-shadow: 0px 0px 5px #cec9e0; }


/******************** CODE_SPOILER_QUOTE ********************/

.quote, .code, .hiding { padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2; }
.spoiler { text-align: left; }
.spoiler_closed {  display: block;
  line-height: 125%;
  padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2;}
.spoiler_closed.hidden { display:none; }
.spoiler_content { display:block;
  padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15x;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2;}
.spoiler_content.hidden { display: none; }

/* Slectionner le contendu du code */
.selectCode { float: right;
  cursor: pointer; }


/******************** APPARENCE LIEN ********************/

/* Liens normaux */
a:link { text-shadow: 0px 0px 3px #3d4180; }
a:hover { text-decoration: none !important;
  font-size: smaller;
  text-transform: uppercase; }

/* Soulignement speudo */
a { text-decoration: none; }


/******************** BARRE DE NAVIGATION ********************/

.navig { position: fixed;
  z-index: 999;
  top: 0px;
  width: 100%;
  left: 0;
  padding: 5px;
  text-align: center;
  background-color: #000000;
  border-bottom: 4px solid #EBE9F2;
  border-radius: 0px 0px 0px 20px;
  -moz-border-radius: 0px 0px 0px 20px;
  -webkit-border-radius: 0px 0px 0px 20px;}
a.mainmenu { font-family: palatino linotype;
  text-shadow: 0px 0px 15px #C8F5C4!important ;
  letter-spacing: 1px;
  font-size: 14px;
  margin: 10px;}
a.mainmenu:hover { text-transform: none !important ;}

a.mainmenu img { display: none; }


/******************** APPARENCE TOPIC_LIST_BOX *********************/

/* Annonces/post-it */
div.topictitle strong { font-family: palatino linotype;
  font-variant: small-caps; }

/* par username */
.listesujet { font-size: 11px;
  font-family: trebuchet ms;
  font-style: italic; }

/* apparence titre sujet */
.topictitle { font-size: 12px;
  letter-spacing: 1px; }








/******************** APPARENCE PROFIL *********************/




 


.encadravatar { display: block;
  width: 200px;
  height: 320px;
  margin: 5px;
  overflow: hidden;
  background-color: #272952; }

.encadreprofil { display: block;
  width: 210px;
  margin: 5px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2;
  background-color: white;
  text-align : center;}

.name {  font-family: palatino linotype;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  text-shadow: 0px 0px 10px #FFFFFF;}
 
.profile-info { display: block;
  width: 190px;
  margin: 5px;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2;
  background-color: #272952; }

.profile-label {font-variant: small-caps;
  font-family: palatino linotype;
  font-size: 12px;
  font-weight: bold;}

.profile-content {font-family: palatino linotype;
  font-size: 12px;}

.profile-rpg { display: block;
  width: 190px;
  margin: 5px;
  padding: 10px;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: dotted 1px #EBE9F2;
  background-color: #272952; }
 
 
/******************** APPARENCE MESSAGE FORUM *********************/

/* Justify et padding automatique */
.postbody { padding: 20px;
  text-align: justify;}

/* Derniere edition */
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


/******************** BOUTON SAUVEGARDE CODAGE EDITEUR ********************/

#savec { position:relative; }
.save-bloc { dispay: none;
  color: #555!important;
  cursor: point;
  z-index: 30;
  padding: 5px;
  border: 1px solid #BCBCBC;
  background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;
  display:none;
  top:20px;
  left:0px;
  position:absolute;
  white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer;
  font-family: trebuchet MS;
  font-size: 10px; }
.save-bloc select { background: #ccc;
  font-family: trebuchet MS;
  font-size: 10px;
  border: 1px solid #aaa;
  margin-bottom: 5px; }


/******************** NAVIGATEUR ********************/

/* Panneau coulissant droite */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
#fp471 { top: 100; right: -200px; }
#fp471 .fpcontent { width: 200px; }
.fptable { border-collapse: collapse; }
.fptable td{ padding: 0; }


/******************** CHATBOX ********************/

/* Panneau coulissant gauche */
.fpanel { position: fixed;
 z-index: 20; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
#fp848 { bottom: 50px; left: -700px; }
#fp848 .fpcontent { width: 700px; }
.fptable { border-collapse: collapse; }
.fptable td{ padding: 0; }

/* Pseudo */
#chatbox_members { font: trebuchet ms;
  font-size: 11px; }


/******************** MISE EN PAGE DE BASE********************/

/* Background fixe en haut */
body { background-position: top center;
  background-repeat: no-repeat; }

/* Pied de page */
.pieddepage { text-align: center;
  font-family: trebuchet ms;
  font-size: 10px;
  border-radius: 0px 0px 25px 25px;
  border-bottom: dotted 1px #EBE9F2;
  padding: 5px; }


/******************** PAGE D ACCUEIL **********************/

/* BASE */

/* Textes */

.bienvenue { font-family: parchment;
  font-size: 60px;
  font-weight: 100;
  text-shadow: 0px 0px 10px #cec9e0;
  color: white; }
.bienvenue:first-letter { font-size: 75px;
  text-shadow: 0px 0px 25px #cec9e0; }

.pa_texte { font-size: 11px;
  text-align: justify;
  padding-right: 10px; }
.pa_texte:first-letter { font-size: 45px;
  font-family: vivaldi;
  font-weight: 100;
  text-shadow: 0px 0px 10px #FFFFFF;
  color: #EBE9F2;
  float: left;
  padding-right: 10px; }

.soustitre_pa { font-family: georgia;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 0px 10px #FFFFFF;
  color: #EBE9F2;
  background: #050B22; }

/* Structure */
.dimensionpa { width: 860px;
  height: 425px;
  border-radius: 37px;
  -moz-border-radius: 37px;
  -webkit-border-radius: 37px;
  padding: 10px;
  background-color: #16183B;
  border: 1px dotted #3d3675; }
.dimension_partenariat { width: 860px;
  height: 80px;
  border-radius: 37px;
  -moz-border-radius: 37px;
  -webkit-border-radius: 37px;
  padding: 10px;
  background-color: #16183B;
  border: 1px dotted #3d3675; }

/* MENU DEROULANT */

.nav_txt { text-align: center;
 font-size: 11px;
  color: #16183B;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  background: #9E91AD;
  border: 1px solid white;
  margin: 3px; }

.barre_nav a { transition:  0.2s all;
  -moz-transition:  0.2s all;
  -webkit-transition:  0.2s all;
  -o-transition:  0.2s all;
  -ms-transition:  0.2s all;
  -khtml-transition:  0.2s all;
  transition:  0.2s all; }

.barre_nav a:hover { text-decoration: none !important;
  letter-spacing: 2px;
  -moz-transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -khtml-transition: 0.2s all;
  transition: 0.2s all; }

.barre_nav { width: 800px; /* à adapter selon la largeur de votre forum */
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0px; /* à adapter selon les éléments présents au dessus de votre barre */
  overflow: hidden;
  z-index: 10 ; }

.nav_1 { width: 200px;
  height: 25px;
  float: left;
  -moz-transition:  0.5s all;
  -webkit-transition:  0.5s all;
  -o-transition:  0.5s all;
  -ms-transition:  0.5s all;
  -khtml-transition:  0.5s all;
  transition:  0.5s all;
  overflow: hidden; }

.nav_1:hover { width: 200px;
  height: 125px;
  -moz-transition:  0.5s all;
  -webkit-transition:  0.5s all;
  -o-transition:  0.5s all;
  -ms-transition:  0.5s all;
  -khtml-transition:  0.5s all;
  transition:  0.5s all; }


/* PAGE D'ACCUEIL EN ONGLET */

.mon_onglet { display: inline;
  color: #EBE9F2;
  font-variant: small-caps;
  font-family: Palatino linotype;
  font-size: 20px;
  letter-spacing: 1px;
  text-shadow: 0px 0px 8px #cec9e0;
  cursor: pointer;
  padding-left: 10px; }
.mon_onglet:hover { text-shadow: 0px 0px 8px #FFFFFF;
  font-weight: bold;}
.mon_onglet_selected { display: inline;
  color: #FFFFFF;
  font-variant: small-caps;
  font-family: Palatino linotype;
  font-size: 25px;
  letter-spacing: 1px;
  cursor: pointer;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 0px 5px #cec9e0;
  text-shadow: 0px 0px 15px #FFFFFF;} 
       
.clear { clear: both; }
.mon_contenu { width: 700px;
  height: 290px; }
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}


/******************** QUI EST EN LIGNE ********************/

.imageqeel { background-image:url('http://img204.imageshack.us/img204/7567/suliiqell.png');
  background-position: center;
  background-repeat: no-repeat; }

.les_co24:hover, .les-stats_qeel:hover, .les_connectes:hover { opacity:0.70;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  -moz-opacity: 0.70;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);}

.les_connectes {  opacity:0.50;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  -moz-opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  border: 1px dotted #2c2a6e;
  border-radius: 25px;
  background-color: #16183B;
  padding: 10px;
  margin: 0px;
  margin-top: 50px;
  width: 200px;
  height: 125px;
  overflow-y: auto;
  text-align: justify; }

.les-stats_qeel { opacity:0.50;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  -moz-opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  border: 1px dotted #2c2a6e;
  border-radius: 25px;
  background-color: #16183B;
  padding: 10px;
  margin: 0px;
  margin-top: -50px;
  width: 200px;
  height: 300px;
  overflow-y: auto;}

.annif { margin-top: 6px;
  text-align: justify; }
 
.les_co24{ opacity:0.50;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  -moz-opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
  border: 1px dotted #2c2a6e;
  border-radius: 25px;
  background-color: #16183B;
  padding: 10px;
  margin: 0px;
  width: 200px;
  height: 250px;
  overflow-y: auto; }

#lastco .row1, #anniv .row1{ background: none;
  text-align: justify; }

.legend { z-index: 5;
  position: relative;
  margin-top: -25px;
  margin-left: -7px;
  margin-bottom: 15px}
 
.group { padding-right: 5px;
  padding-left: 5px;
  margin: 5px; }


/******************** MISE EN FORME DES CATEGORIES ET FORUMS ********************/

/* Template Image entete dune categorie */
.cate_head { clear: both;
  width: 850px;
  margin: auto;
  height: 170px;
  background-image:url('http://img404.imageshack.us/img404/9619/suliibackgroundcss1.png');
  background-position: top center;
  background-repeat: no-repeat; }

/* Template Image derriere les forums d une meme categorie */
.cate_body {  width: 850px;
  margin: auto; }

/* Template Image en bas des forums d une meme categorie */
.cate_foot {  width: 850px;
  height: 25px;
  margin: auto; }

/* Template Placement titre des categories */
.titre_cate { position: absolute;
  width: 850px;
  text-align: center;
  margin-top: -40px;}

/* Template Apparence titre des categories */
.titre_cate h2 { color: #FFFFFF;
  font-family: Parchment;
  font-size: 75px;
  font-weight: 100;
  letter-spacing: 5px;
  text-shadow: 0px 0px 10px #cec9e0; }
.cat_titre h2:first-letter { font-size: 100px;
  text-shadow: 0px 0px 25px #cec9e0; }

/* DIV Titre catégorie terres */
.cat_soustitre { color: #FFFFFF;
  font-family: harrington;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 100;
  text-shadow: 0px 0px 5px #cec9e0; }

/* DIV Titre catégorie territoire */
.cat_titre { color: #FFFFFF;
  letter-spacing: 5px;
  text-shadow: 0px 0px 5px #cec9e0;}

/* Template Bloc contenant les deux forums cote a cote VOIR .titre_h */
.forum_bloc { width: 825px;
  margin: auto;
  background: #308576;}

/* Template Bloc d un seul forum */
.forum { float: left;
  width: 400px;
  height: 250px;
  margin-left; 5px;
  margin-right: 5px;
  margin-bottom: 50px; }

/* Titre forum */
a.forumlink { position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 20px;
  color: #FFFFFF!important;
  margin-left: 30px;
  margin-bottom: -2px;
  text-align: left;
  font-family: palatino linotype;
  font-size: 17px;
  letter-spacing: -1px;
  text-shadow: 0px 0px 15px #FFFFFF; }
a.forumlink:hover { position: relative;
  font-size: 13px;
  letter-spacing: -1px;
  text-shadow: 0px 0px 15px #FFFFFF;}
a.forumlink:first-letter { font-size: 27px;
  font-family: vivaldi;}
 
/* Encadré/forum contenant description */
.forum_contenu { position: relative;
  z-index: 1;
  width: 330px;
  height: 200px;
  padding: 10px;
  background-color: #16183B;
  border: 1px dotted #3d3675;
  border-left: none!important;
  border-radius: 0px 15px 15px 0px; }

/* Description - général/catégorie & forum */
.contour_description { display: block;
  position: absolute;
  width: 325px;
  height: 200px;
  overflow: hidden;
  padding: 5px;
  padding-top: 10px;
  color: #9E91AD; }

/* Description - général/catégorie & forum */
.description { display: block;
  position: absolute;
  width: 310px;
  height: 145px;
  overflow: auto;
  text-align: justify;
  padding-right: 10px;
  font-size: 11px;
  color: #9E91AD; }
.description:first-letter { font-size: 25px;
  font-family: vivaldi;
  font-weight: 100;
  text-shadow: 0px 0px 10px #FFFFFF;
  color: #EBE9F2;
  float: left;
  padding-right: 10px; }

/* Image stat */
.icone_stats { width: 25px;
  height : 220px;
  border-radius: 15px 0px 0px 15px;
  margin-right: -5px;
  border: 1px dotted #9E91AD;
  border-right: none!important; }

/* Encadré stats&lastpost */
.stats_lastpost { position: relative;
  z-index: 3;
  display: block;
  width: 120px;
  height: 65px;
  background-color: #9E91AD;
  border: 1px solid #b5b5b5;
  border-radius: 15px;
  padding: 5px;
  text-align: center;
  margin-bottom: -73px;
  margin-right: 25px; }

.stats { display: block;
  margin-bottom: 3px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 3px;
  font-size: 10px;
  color: #FFFFFF; }

.lastpost { display: block;
  font-size: 10px;
  color: #FFFFFF; }

Mon script, avec l'option "affiché sur toutes les pages"
Code:
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });

Je ne comprends pas pourquoi le code (qui fonctionnait si bien TT___TT) a tout simplement cessé d'être effectif.

Merci d'avance !
Ciela'


Dernière édition par Arc-En-Ciela le Sam 3 Jan 2015 - 5:59, édité 1 fois

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant en page d'accueil innopérant

Message par Arc-En-Ciela le Ven 2 Jan 2015 - 15:32

Upinou ^^

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant en page d'accueil innopérant

Message par demeter1 le Ven 2 Jan 2015 - 16:09

Relisez le tutoriel et revoyez tout bonnement votre code html car vous avez pris que la partie explicative concernant le contenu. Votre code devrait ressembler à ceci

Code:
<div id="menu">
<dl>
<dt>Replier</dt>
</dl>
 
<dl>
<dt>Menu 1</dt>
<dd  style="display:none;">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 1.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 1.2</a></li>
<li><a href="url-de-renvoi">Sous-Menu 1.3</a></li>
</ul>
</dd> 
</dl>
 
<dl>
<dt>Menu 2</dt>
<dd  style="display:none;">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 2.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.2</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.3</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.4</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.5</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.6</a></li>
</ul>
</dd>
</dl>
 
<dl>
<dt>Menu 3</dt>
<dd  style="display:none;">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.2</a></li>
</ul>
</dd> 
</dl>
</div>

demeter1
+ Hyperactif +

Masculin
Messages : 8107
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant en page d'accueil innopérant

Message par Arc-En-Ciela le Sam 3 Jan 2015 - 5:59

Oh God, j'ai passé genre 30 heures à chercher pourquoi mon code buguait, et c'était juste ça TT___TT *se tape la tête contre un mur*

Merci beaucoup !

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum