Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 : https://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>
avatar

demeter1
Membre actif

Masculin
Messages : 8656
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