xl написал(а):давно не верстала и туплю
скажите пожалуйста
хочу кнопки навигации разместить горизонтально на шапке в области, где нарисовала белые круги
каким образом это можно сделать? скрипт не нашла
У вас есть дублирующий код, что неудобна и вредно:
#navindex a {background: url("http://funkyimg.com/u2/518/782/______-1.png") no-repeat top center; width: 74px; height : 35px; }
#navuserlist a {background: url("http://funkyimg.com/u2/511/109/______-2.png") no-repeat top center; width: 74px; height : 35px; }
#navsearch a {background: url("http://funkyimg.com/u2/106/907/______-10.png") no-repeat top center; width: 74px; height : 35px;}
#navprofile a {background: url("http://funkyimg.com/u2/714/745/______-7.png") no-repeat top center; width: 74px; height : 35px; }
#navpm a {background: url("http://funkyimg.com/u2/497/793/______-9.png") no-repeat top center; width: 74px; height : 35px;}
#navadmin a {background: url("http://funkyimg.com/u2/218/254/______-6.png") no-repeat top center; width: 74px; height : 35px; }
#navlogout a {background: url("http://funkyimg.com/u2/406/567/______-8.png") no-repeat top center; width: 74px; height : 35px;}
#navlogin a {background: url("http://funkyimg.com/u2/647/273/______-3.png") no-repeat top center; width: 74px; height : 35px;}
#navregister a {background: url("http://funkyimg.com/u2/281/434/______-5.png") no-repeat top center; width: 74px; height : 35px;}
#navindex a {background: url("http://funkyimg.com/u2/518/782/______-1.png") no-repeat top center; width: 74px; height : 35px; }
#navuserlist a {background: url("http://funkyimg.com/u2/511/109/______-2.png") no-repeat top center; width: 74px; height : 35px; }
#navsearch a {background: url("http://funkyimg.com/u2/106/907/______-10.png") no-repeat top center; width: 74px; height : 35px;}
#navprofile a {background: url("http://funkyimg.com/u2/714/745/______-7.png") no-repeat top center; width: 74px; height : 35px; }
#navpm a {background: url("http://funkyimg.com/u2/497/793/______-9.png") no-repeat top center; width: 74px; height : 35px;}
#navadmin a {background: url("http://funkyimg.com/u2/218/254/______-6.png") no-repeat top center; width: 74px; height : 35px; }
#navlogout a {background: url("http://funkyimg.com/u2/406/567/______-8.png") no-repeat top center; width: 74px; height : 35px;}
#navlogin a {background: url("http://funkyimg.com/u2/647/273/______-3.png") no-repeat top center; width: 74px; height : 35px;}
#navregister a {background: url("http://funkyimg.com/u2/281/434/______-5.png") no-repeat top center; width: 74px; height : 35px;}
Ну, а на счет вашего вопроса:
Здесь:
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
Заменить на:
Это:
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin-top: -93px;
margin-left: 5px;
text-align: center;
}
Заменить на это:
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin-top: -376px;
margin-right: 84px;
text-align: center;
}
В принципе #pun-navlinks можно убрать - зачем он здесь? И тогда объединить код с этим:
/* D3.2 */
#pun-navlinks .container {
font-weight: bold;
text-align: center;
font-size: 10px;
font-family: arial;
background-color: transparent;
color: #adadad;
background-repeat: no-repeat; background-position: center;
}
А если нужен код с бордером, то вынести в нижний код выделенное красным.
Далее, после убирания дубляжа, о котором я написал в самом верху поста, здесь убрать выделенное красным:
#navindex a {background: url("http://funkyimg.com/u2/518/782/______-1.png") no-repeat top center; width: 74px; height : 35px; }
А далее подгонять уже индивидуально по ID типа: #navindex, #navuserlist и т.д. по вашим белым пятнам по отступам снизу через padding или margin.. Как то так..
Отредактировано kolobdur74 (Пн, 6 Авг 2018 18:38:32)