Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Граница Главного меню


Recommended Posts

В браузерах Хром и Опера граница отображается не до конца, а в Мозиле ее вообще нет.( на рисунках видно)

OpenCart 1.5.1.3; Шаблон http://colaweb.ru/gifts/for-men/ - в демо все нормально.

Мой код stylesheet.css:

/* menu */
#menu {
border-width: 6px 0px;
-moz-border-image: url("../image/line.png") 8 0 repeat;
-webkit-border-image: url("../image/line.png") 8 0 repeat;
-o-border-image: url("../image/line.png") 8 0 repeat;
border-image: url("../image/line.png") 8 0 repeat;
height: 41px;
margin-bottom: 19px;
padding: 19px 0px;
text-shadow: #ffffff 0px 1px 0px;
filter: dropshadow(color=#ffffff,offX=0,offY=1);
font-family: 'Lobster';
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
}
#basket-1 {
background: url("../image/basket.png") no-repeat;
display: block;
height: 40px;
position: absolute;
right: -19px;
top: -2px;
width: 49px;
}
#menu > ul > li > a.active {
color: #C51D02;
}
#menu > ul > li > a {
font-size: 29px;
color: #868686;
line-height: 14px;
text-decoration: none;
display: block;
padding: 11px 40px 12px 26px;
z-index: 6;
position: relative;
}
#menu > ul > li > a:hover {
color: #C51D02;
}
#menu > ul > li > div {
display: none;
position: absolute;
z-index: 5;
padding: 9px 17px 9px;
border-width: 0px 0px 6px;
-moz-border-image: url("../image/line.png") 0 0 8 repeat;
-webkit-border-image: url("../image/line.png") 0 0 8 repeat;
-o-border-image: url("../image/line.png") 0 0 8 repeat;
border-image: url("../image/line.png") 0 0 8 repeat;
background: url("../image/bg.jpg");
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #868686;
display: block;
white-space: nowrap;
min-width: 120px;
font-size: 24px;
}
#menu > ul > li ul > li > a:hover {
color: #C51D02;
}
#menu > ul > li > div > ul > li > a {
color: #868686;
}

post-28676-0-45935700-1360360718_thumb.png

post-28676-0-64891700-1360360719_thumb.png

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.