0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 2296 Просмотров
*

lenasha-dn

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Как решить эту проблему, может кто знает.
Вот CSS
Код
.flyout-menu a{
text-decoration: none;
background: none;
font-family: arial;
}
.flyout-menu a:hover,
.flyout-menu a:visited,
.flyout-menu a:active,
.flyout-menu a:focus{
background: none;
}

.flyout-menu  a img {
vertical-align:middle;
border: 0 none;
    height: auto;
    max-width: 100%;
padding:0 5px 0 0;
}

.flyout-menu li{
cursor: pointer;
    background:none !important;
}
.flyout-menu > li{
position: relative;
z-index: 99;
}
.flyout-menu > li > .item-wrapper{
/* height: 35px; */
display:inline-block;
width:100%;
}
.flyout-menu > li:last-child .item-wrapper{
border-bottom: none;
}
.flyout-menu > li > .item-wrapper a{
line-height: 35px;
text-transform: uppercase;
    font: 14px Tahoma;
    text-decoration: underline;
}
.flyout-menu li .item-wrapper .menu-button{
width: 10px;
height: 16px;
overflow: hidden;
    margin: 9px 0;
}

.flyout-menu li .item-wrapper .menu-link{
margin:0px 5px;
}

.flyout-menu  li li{
position: relative;
z-index: 100;
}
.flyout-menu  li .ul-wrapper{
position: absolute;
    top: -6px;
    padding-top: 5px;
display: none;
z-index: 1000;
}
.flyout-menu  li ul {
margin: 0px; padding: 0px;
}
.flyout-menu  li ul li .item-wrapper{
width:100%;
display:inline-block;
}
.flyout-menu  li ul li.last.item-wrapper{
background: none;
}
.flyout-menu  li ul li .item-wrapper a{
line-height: 35px;
}

.flyout-menu.horizontal{
width:100%;
padding-left: 10% !important;
padding-top: 10px !important;
}

.flyout-menu li{
border-bottom: 1px solid #1A1A1A;
}

.flyout-menu li ul li:last-child{
   border-bottom: 1px solid #1A1A1A;
}


.flyout-menu.lt-ie9.horizontal >li{
display:inline-block;
border:0;
}
.flyout-menu.lt-ie9.horizontal  li >.ul-wrapper.direction-left{
position:absolute;
left:0;
top:100%;
padding-top:0;
}

.flyout-menu.lt-ie9.horizontal  li >.ul-wrapper.direction-right{
position:absolute;
right:0;
top:100%;
padding-top:0;
}

.flyout-menu.lt-ie9.horizontal  li .ul-wrapper  li .ul-wrapper.direction-left{
position:absolute;
left:100%;
top:-1px;
padding-top:0;
}

.flyout-menu.horizontal.lt-ie9  li .ul-wrapper  li .ul-wrapper.direction-right{
position:absolute;
right:100%;
top:-1px;
padding-top:0;
}



@media all and (max-width: 767px) {
.flyout-menu.vertical >li,
.flyout-menu.horizontal >li{
display:block;
}

.flyout-menu.vertical li ul,
.flyout-menu.horizontal li ul{
width:auto!important;
border-left:0!important;
border-bottom:0!important;
border-right:0!important;
}
.flyout-menu.vertical  li .ul-wrapper{
position: relative;
top: 0;
padding-top: 0;
display: none;
z-index: 1000;
left:auto!important;
}
.flyout-menu.horizontal  li .ul-wrapper{
position: relative;
top: 0;
padding-top: 0;
display: none;
z-index: 1000;
}

}



@media all and (min-width: 768px) {
.flyout-menu.horizontal >li{
display:inline-block;
border:0;
}
.flyout-menu.horizontal  li >.ul-wrapper.direction-left{
position:absolute;
left:0;
top:100%;
padding-top:0;
}

.flyout-menu.horizontal  li >.ul-wrapper.direction-right{
position:absolute;
right:0;
top:100%;
padding-top:0;
}

.flyout-menu.horizontal  li .ul-wrapper  li .ul-wrapper.direction-left{
position:absolute;
left:100%;
top:-1px;
padding-top:0;
}

.flyout-menu.horizontal  li .ul-wrapper  li .ul-wrapper.direction-right{
position:absolute;
right:100%;
top:-1px;
padding-top:0;
}
}


Вижу, для IE9 отдельно прописываются стили, понимаю, что для IE8 тоже нужно прописать, но вот что писать??
Выручайте!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль для отображения курсов валют

Автор Геон

Ответов: 2
Просмотров: 399
Последний ответ 03.02.2024, 22:19:02
от Геон
Модуль «Image Show gk4», не отображается ни картинка, ни текст

Автор kaasin

Ответов: 1
Просмотров: 2034
Последний ответ 13.05.2023, 15:42:15
от anastasya96
Стандартный модуль случайного изображения не выводит фотографии

Автор strix

Ответов: 8
Просмотров: 6411
Последний ответ 19.10.2022, 16:07:11
от Andrej_777
Модуль тегов Joes Word Cloud для Joomla 3

Автор ecolora

Ответов: 1
Просмотров: 1374
Последний ответ 05.05.2022, 19:04:44
от ecolora
Вывод модуля средствами php с привязкой к пунтам меню

Автор Divn

Ответов: 4
Просмотров: 1697
Последний ответ 29.08.2021, 17:02:04
от Divn