Привет всем,долго пытался колдовать со стилями,но так и не смог понять как реализовать,
Установил новый шаблон,в этом шаблоне при выводе подменю получается следующее:
меню
подменю1
подменю2
а нужно,чтобы это выглядело так,чтоб был виден отступ,а то не понятно открылось ли что то или нет, я так полагаю что при написании этого шаблона использовали одинаковые стили как для меню,так и для подменю
ПЛИЗ подскажите где нужно поправить,чтобы отображение было таким:
меню
Lподменю1
Lподменю2
/* MODULE
--------------------------------------------------------- */
span.small {
padding-left: 10px;
}
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_contact {
padding: 0px;
margin-bottom: 15px;
}
div.module h3,
div.module-style1 h3,
div.module-style2 h3,
div.module-style3 h3,
div.moduletable h3,
div.moduletable_menu h3,
div.module_text h3,
div.module_contact h3 {
color: #000000;
font-size: 12px;
/*font-weight: bold;*/
}
div.moduletable img,
div.moduletable_menu img,
div.moduletable_text img,
div.moduletable_contact img {
border: none;
}
/* Module rounded */
div.module_menu ul {
margin: 0;
padding: 0;
}
div.module_menu ul li {
margin: 0;
padding: 1 !important;
width: 100%;
text-decoration: none important;
}
div.module_menu li a {
background: none;
margin-left: 0px;
padding: 0 0 0 0px;
display: block;
font-size: 12px;
font-weight: bold;
text-transform: none;
color: #0184bc;
line-height: 26px;
height: 36px;
}
div.module_menu li a span {
}
div.module_menu li a:hover,
div.module_menu li a:active,
div.module_menu li a:focus {
color: #D40000;
}
div.module,
div.module_menu,
div.module_text,
div.module-style2,
div.module-style3 {
margin-bottom: 10px;
float: left;
clear: both;
width: 100%;
overflow: hidden;
}
div.module ul li,
div.module-style2 ul li {
padding: 0;
background: url(../images/bg_list_hline.gif) repeat-x bottom;
text-decoration: none;
}
div.module ul li a,
div.module-style2 ul li a {
color: #000;
display: block;
padding: 2px 0 5px 20px;
text-decoration: none;
background: url(../images/bg_list.gif) no-repeat 0 5px;
}
div.module ul li a:hover,
div.module-style2 ul li a:hover {
text-decoration: underline;
}
div.module h3 {
background: url(../images/bg-h3-style1.gif) no-repeat top left;
color: #000;
margin: 0;
padding: 0 0 0 30px;
line-height: 36px;
text-transform: uppercase;
}
div.module-style2 h3 {
background: url(../images/bg-h3-style2.gif) no-repeat top left;
color: #000;
margin: 0;
padding: 0 0 0 30px;
line-height: 36px;
text-transform: uppercase;
}
div.jvmod-tl {
clear: both;
padding: 0 0 0 4px;
height: 3px;
overflow: hidden;
background: url(../images/jvmod-tl.gif) no-repeat top left;
}
div.jvmod-tr {
padding: 0;
height: 3px;
overflow: hidden;
background: url(../images/jvmod-tr.gif) no-repeat top right;
}
div.jvmod-bl {
clear: both;
padding: 0 0 0 4px;
height: 3px;
overflow: hidden;
background: url(../images/jvmod-bl.gif) no-repeat top left;
}
div.jvmod-br {
padding: 0;
height: 3px;
overflow: hidden;
background: url(../images/jvmod-br.gif) no-repeat top right;
}
div.jvmod-c {
padding: 0 2px;
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
}
div.jvmod-cc {
padding: 5px 10px;
overflow: hidden;
}
div.module-style3 div.jvmod-cc {
padding: 0;
overflow: hidden;
}
20.09.2017, 21:38:35