Определил класс горизонтального меню,это class="mainlevel-nav"..Нашел в CSS но никак не могу определить где вписать пустые области между названиями меню?
/*Horizontale Menьs*/
#buttons_outer {
margin: 10px 0 10px 0px;
background-color: #665700;
padding: 0px;
width: 932px;
text-align: left;
}
#buttons_inner {
background-color: #665700;
vertical-align: middle;
}
#buttons {
margin: 0px;
padding: 0px;
width: ;
}
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-weight: bold;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 10px;
float: left;
margin: 0;
line-height: 24px;
white-space: nowrap;
border-right: 1px solid #FFFFFF;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 0px;
padding-right: 10px;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover
{
color: #fff;
background: #423800;
}
/*Verticale Menьs*/
a.mainlevel:link, a.mainlevel:visited {
margin-right: 30px;
display: block;
line-height: 22px;
margin-bottom: 20px;
text-decoration: none;
border: 1px solid #FFF097;
background-color: #FFFADF;
color: #B09700;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a.mainlevel:hover {
background-color: #FFDA04;
text-decoration: none;
border: 1px solid #C4A700;
display: block;
color: #796700;
}
#active_menu {
padding-left: 3px;
display: block;
line-height: 22px;
margin-bottom: 2px;
text-decoration: none;
border: 1px solid #C4A700;
background-color: #D2B400;
color: #796700;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a#active_menu:hover{
background-color: #D2B400;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}