background:url(../images/menu-spacer.gif) right top repeat-y;
display: inline-block;
}
.newmenu {
white-space: nowrap;/* блок может содержать не более одной строки */
float:left;
width:25%;
position:relative;
/* padding-right:2px; */
background:url(../images/menu-spacer.gif) right top repeat-y;
}
.menu li.last {
background:none;
padding:0;
text-align: center;
width:20%;
float:left;
}
.menu li a {
display:block;
font-size:15px;
font-weight:400;
line-height:2em;
padding:6px 64px 8px 65px;
color:#fff;
text-transform:capitalize;
letter-spacing:-1px;
background:#2b2b2b;
}
.menu li:first-child a {
padding:6px 0 8px;
width:65px;
text-indent:-9999px;
background:url(../images/menu-home-icon.png) center center no-repeat #2b2b2b;
border-radius:9px 0 0 9px;
-moz-border-radius:9px 0 0 9px;
-webkit-border-radius:9px 0 0 9px;
}
.menu li.last a {
padding:6px 0 8px;
border-radius:0 9px 9px 0;
-moz-border-radius:0 9px 9px 0;
-webkit-border-radius:0 9px 9px 0;
}
.menu li a.active,
.menu > li > a:hover {background-color:#222}
Задачка такая, надо чтобы первый пункт меню имел ширину 65px, а остальные эллементы меню чтобы равномерно распределились по ширине. Подскажите, как такое можно сделать? Проблемная страничка с меню
YokoTakiri
Отправлено: 08 Декабря, 2015 - 12:09:07
Новичок
Покинул форум
Сообщений всего: 7
Дата рег-ции: Нояб. 2015 Откуда: Санкт Петербург
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.