Всем привет. Вот попробовал сделать красивые ссылки в виде двух "блоков", но наткнулся на проблему. Иногда почему то на стыке двух блоков и по бокам (там где есть небольшие вертикальные полоски в которых виднеется фон этих блоков) не полностью фон что ли заливается, не пойму. В общем серый фон только на 20-30% этих полос распостраняется, а большая часть остается белой...
Помогите исправить пожалуйста, вот код:
Помогите исправить пожалуйста, вот код:
.resources{
padding: 2px 0 7px 0;
text-align: center;
font-size: 14px;
background-color: #191919;
}
.nav-bar{
padding: 7px 0;
font-size: 14px;
text-align: center;
background-color: #191919;
}
.nav{
display: table;
table-layout: fixed;
width: 100%;
height: 30px;
}
.nav a{
display: table-cell;
padding-bottom: 4px;
vertical-align: bottom;
border: 1px solid #191919;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #000000;
text-align: center;
font-size: 13px;
color: #BEBEBE;
background-color: #262626;
}
.nav a.home{
background-position:
95% 3px;
background-repeat: no-repeat;
}
.nav a.char{
background-position:
5% 3px;
background-repeat: no-repeat;
}
.nav a.home{background-image: url("/images/icon/home.png")}
.nav a.char{background-image: url("/images/icon/profile.png")}
.footer{
padding-top: 6px;
padding-bottom: 10px;
line-height: 1.5;
text-align: center;
font-size: 13px;
color: #ffffff;
background-color: #191919;
}
.footer a{color: #ffffff}