Доброго времени суток форумчани,
Сегодня столкнулся с такой проблемой,
В макете(psd) у li в горизонтальной навигации имеется бордер, у активного элемента,
При верстке я так и сделал, но при этом активный li съезжает вниз в следствии недостатка пространства(моя мысль);
Теперь вопрос: как сделать что бы ли не съезжало?
Надеюсь на вашу помощь дорогие форумчане.
Заранее big thnx.
.nav.menu-menu{
float:left;
margin:8px;
padding:0;
margin-left:8%;
}
.nav.menu-menu li{
display: inline;
float:left;
margin:4px;
}
.nav.menu-menu li a{
text-shadow: black 0.1em 0.1em 0.2em;
text-decoration:none;
color:fff;
}
.nav.menu-menu li a:hover{
margin-top:2px;
text-decoration:none;
color:#c0c0c0;
border-width:3px;
border-color:black !important;
}
.current.active{
background-image:url(../images/footer.png);
border:0px solid #fffffff;
border-image:url(../images/footer.png);
}
.current{
border: 2px;
background:url(../images/footer.png);
background-origin: content-box;
}
.active{
background:url(../images/footer.png);
background-origin: content-box;
margin-top:3px;
margin-bottom:3px;
}
.nav.menu-menu {
float:left;
}
.nav.menu-menu li{
float:left;
margin:5px;
margin-left:15px;
}
.nav.menu-menu li a{
text-decoration:none;
color:fff;
}
вот код
