Sous sous menus alignés verticalement

**elhadri4** · 18/02/2017, 02h27

bonjour,
je galère depuis une belle lurette pour faire fonctionner mon blog sur blogger, je viens de télécharger le script d'une template, le dernier codé en html et CSS
malheureusement je ne comprends pas pourquoi les sous sous menus sont alignés verticalement, étant novice en programmation je ne trouve pas le liens à modifier pour corriger ce truc, merci d'avance pour votre help.

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
#menu-wrapper{background:#2C3E50;height:50px;width:100%;position:relative;border-bottom:0px solid #1CBD9F;}
#menu{background:#2C3E50;color:#fff;height:50px;}
#menu ul,#menu li{margin:0;padding:0;list-style:none;}
#menu ul{height:50px}
#menu li{float:right;display:inline;position:relative;font-family:droid arabic kufi;font-size:11.8px;font-weight:400;}
#menu li a{color:#fff;}
#menu a{display:block;line-height:50px;padding:0 10px;text-decoration:none;color:#fff;transition:all 0.2s ease-in-out;}
#menu li:hover &gt; a{background:#23292b;color:#fff;}
#menu li a:hover{color:#fff;}
#menu li:last-child a{border-left:none;}
#menu input{display:none;margin:0;padding:0;width:80px;height:50px;opacity:0;cursor:pointer}
#menu label{font-family:Electrolize,ge_ss_threeregular;font-size:30px;font-weight:400;display:none;width:35px;height:51px;line-height:51px;text-align:center}
#menu label span{font-size:13px;position:absolute;right:35px}
#menu ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;min-width:166px;background:#23292b;position:absolute;z-index:99;color:#fff;top:50px;-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);transition:all 0.3s ease-in-out;}
#menu li:hover &gt; ul.menus{visibility:visible;opacity:1;-moz-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transform:scale(1.0);transform:scale(1.0);}
#menu a.ai,#menu a.trigger2{padding:0 7px 0 26px;transition:all 0.3s linear;}
#menu &gt; li:hover &gt; a.ai,#menu a.ai:hover{background:#23292b;color:#fff;}
#menu li &gt; a.ai::after {content:&quot;\f0d7&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:50px;position:absolute;top:0;left:10px;}
#menu li:hover &gt; a.ai{box-shadow:inset 0 4px 0 0 #23292b;}
#menu ul.menus a{background:#23292b;color:#fff;border-bottom:0px solid #181d1e;
border-top:1px solid #23292B;transition:all 0.2s linear;}
#menu ul.menus a:hover{background:#181d1e;color:#fff;transition:all .1s linear;}
#menu ul.menus li{display:block;width:100%;font-family:Droid Arabic Kufi,Arial;font-size:13px;font-weight:400;text-transform:none;}
#menu ul.menus li a:before {visibility:hidden;opacity:0;content:&quot;\f060&quot;;font-family:FontAwesome;font-size:12px;font-style:normal;font-weight:normal;top:0;right:35px;margin-left:10px;position:absolute;padding:0;color:#FFFFFF;transition:all 0.2s ease-in-out;}
#menu ul.menus li a:hover:before {right:143px;visibility:visible;opacity:1;}
#menu ul.menus li:hover{width:100%;}
#menu ul.menus li:last-child {border-bottom:none;}
#menu ul.menus li:first-child a{border-top:none;}
#menu ul.menus li:last-child a{border-bottom:none;}
#menu ul.menus &gt; li:hover &gt; a {background:#1CBD9E;color:#fff;padding-right:25px;transition:all 0.1s linear;}
#menu .homers a{background: #1CBD9F;
color: #fff;
margin-right: 0px;
padding: 0 10px;
margin-top: 0px;
height: 50px;
overflow: hidden;
 
 
}
 
#menu .homers a:hover{background:#1cBD9F;color:#fff;}
#menu .homers .fa.fa-home{text-align:center;color:#fff;line-height:50px;}
#menu .arlina a{color:#fff;line-height:47px;}
#menu .arlina a:hover{color:#fff;}
#menu .arlina .fa.fa-download{text-align:center;background:#848889;color:#fff;line-height: 15px;padding:8px 6px;border-radius:3px;transition:all 0.3s ease-in-out;}
#menu .arlina .fa.fa-download:hover{background:#fff;color:#1CBD9F;}

**NoSmoking** · 18/02/2017, 08h09

Bonjour,

(...) pourquoi les sous sous menus sont alignés verticalement (...)

parce que c'est le rendu par défaut d'une liste et que tu n'a pas demandé qu'il en soit autrement, enfin je présume car sans code HTML et un CSS non indenté pas l'envie de tout vérifier.

Invité · 18/02/2017, 13h51

Bonjour et bienvenu sur DVP

les lignes concernées sont là :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#menu ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;min-width:166px;/*..................*/;position:absolute;/*..................*/top:50px;/*..................*/}
 
#menu ul.menus li{display:block;width:100%;/*..................*/}

Mais on a besoin du code HTML associé pour en dire plus.