tart
Новичок
- Регистрация
- 17.03.2014
- Сообщения
- 2
Добрый день!
Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо. Используется картинка, если использовать border ситуация аналогичная.
Как выглядит:
А именно отображаются не правильно расстояние между разделителями и текстом, мало отступа слева.
Как видно на скрине (последнем) разделитель слева налезает на кнопку а справа расположен так как нужно.
Задача: сделать левый разделитель также как правый.
Код CSS
Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо. Используется картинка, если использовать border ситуация аналогичная.
Как выглядит:
А именно отображаются не правильно расстояние между разделителями и текстом, мало отступа слева.
Как видно на скрине (последнем) разделитель слева налезает на кнопку а справа расположен так как нужно.
Задача: сделать левый разделитель также как правый.
Код CSS
Код:
#menu ul {
list-style: none;
margin: 0;
padding:0px;
}
#menu > ul {
list-style: none;
margin: 1px;
padding: 0 0 0 3px;
min-height:50px;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
margin-left:5px;
}
#menu > ul > li:hover {
z-index: 30;
background:url(/image/bg.png) #181818;
border-radius: 10px;
height:48px;
}
#menu > ul > li > a.top-lvl {
font-weight: 900;
line-height:0.1;
margin-top:1px;
margin-bottom:1px;
color: #fff;
text-decoration: none;
display: block;
padding: 23px 20px 0 20px;
min-height:11px;
z-index: 6;
position: relative;
text-transform:none;
background: url(/image/row.jpg) 0px 13px no-repeat;
}