Помогите, пожалуйста, разобраться. Битый час стараюсь изменить вид выпадающих пунктов меню, получилось все как хотел, единственное, что мне необходимо уменьшить height пункта, и вот ничего не получается. Оно фиксированное и никак не могу сменить, ширина меняется без проблем. Вот css:
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
margin:0; padding:0;
float:center;
text-decoration: underline;
width:100%;
height:22px;
font-size:12px;
font-family:Arial;
}
#horizontal-multilevel-menu
{
}
/*Links*/
#horizontal-multilevel-menu a
{
display:block;
padding:5px 10px;
/*padding:0.3em 0.8em;*/
text-decoration:underline;
text-align:center;
}
#horizontal-multilevel-menu li
{
float:left;
text-decoration: none;
}
/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
color:black;
text-decoration: none;
padding:5px 10px;
}
/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
text-decoration: none;
}
/*Denied items*/
#horizontal-multilevel-menu a.denied
{
text-decoration: underline;
background: url(images/lock.gif) center right no-repeat;
}
/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
text-decoration: underline;
}
/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
text-decoration: none;
color:white;
}
/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
color:white;
background: #666;
text-decoration: none;
font-size:11px;
position: absolute;
/*top:-999em;*/
display:none;
z-index:300;
/*width:12em;*/
width:115px;
}
/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
color:white;
text-decoration: underline;
width:100%;
}
/*Item link*/
#horizontal-multilevel-menu li ul a
{
color:white;
text-decoration: underline;
text-align:left;
}
/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
text-decoration: none;
}
/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
text-decoration: underline;
}
#horizontal-multilevel-menu li ul ul
{
color:white;
text-decoration: none;
margin:-27px 0 0 132px;
/*margin:-1.93em 0 0 11.6em;*/
}
#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
color:white;
text-decoration: underline;
/*top:-999em;*/
display:none;
}
#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
text-decoration: underline;
/*z-index:1000;
top:auto;*/
display:block;
}
div.menu-clear-left
{
text-decoration: none;
clear:left;
}
Вот тут без проблем можно поменять ширину всего выпадающего меню, а что делать с height пункта ума не преложу:
/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
color:white;
background: #666;
text-decoration: none;
font-size:11px;
position: absolute;
/*top:-999em;*/
display:none;
z-index:300;
/*width:12em;*/
width:115px;
}
подскажите, пожалуйста!
Делаем сайты хорошо, вы останетесь довольны!
skype: tonybard e-mail: tonybard87@gmail.com