Добрый день. Установлен модуль на joomla3. Модуль всплывающего меню.
Во всех браузерах отображение отличное, кроме ie. При наведение на подменю оно уплывает вверх куда-то.
Если в template.css меняю vertical-align на inherit ( до этого было baseline), то подменю выплывает норм, но при этом само меню становится каким то сморщенным.
[CSS]
/*----------------------------------------------*/
/* Menus (Left/Right)
/*----------------------------------------------*/
#leftmenu {
width: 211px;
margin: 0px;
padding: 0px;
padding-right: 30px;
margin-top: 20px;
margin-bottom: 30px;
margin-right: 18px;
float: left;
line-height: 1.7em;
}
#rightmenu {
width: 211px;
margin: 0px;
padding: 0px;
padding-left: 36px;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 12px;
float: right;
line-height: 1.7em;
}
#leftmenu a {
vertical-align: baseline;
}
#rightmenu a {
color: #000000; text-decoration: none;
}
#leftmenu a:hover,
#rightmenu a:hover {
color: #dd2867; text-decoration: none;
}
#leftmenu ul,
#rightmenu ul {
padding-left: 0px;
list-style-type: none;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
}
#leftmenu ul li,
#rightmenu ul li {
padding-top: 2px;
padding-bottom: 2px;
/* padding-left: 8px; */
list-style-type: none;
}
#leftmenu ul li ul,
#rightmenu ul li ul {
margin-top: 0px;
margin-bottom: 0px;
}
#leftmenu ul li ul li,
#rightmenu ul li ul li {
border: 0px;
padding-bottom: 2px;
list-style-type: none;
font-size: 0.96em;
line-height: 1.5em;
padding-left: 8px;
}
#leftmenu ul.menu li.current a,
#rightmenu ul.menu li.current a {
font-weight:bold;
}
#leftmenu ul.menu li.current ul li a,
#rightmenu ul.menu li.current ul li a {
font-weight:normal;
}
.moduletable {
overflow: hidden;
margin-bottom: 16px;
}
.moduletable_menu {
clear: both;
}
.moduletable_menu h3 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000000;
font-size: 24px;
margin-bottom: 6px;
padding-bottom: 10px;
border-bottom: 1px dotted #b9b9b9;
}
.moduletable h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000000;
font-size: 24px;
margin-bottom: 6px;
padding-bottom: 10px;
border-bottom: 1px dotted #b9b9b9;
}
[/CSS]
Буду благодарен за любые подсказки или помощь.
Спасибо.
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|