Как выровнять выпадающее меню относительно друг друга в Joomla3

1
На сайте с 10.10.2010
Offline
73
946

Как выровнять выпадающее меню относительно друг друга в Joomla3?

jpg 133745.jpg
1
На сайте с 10.10.2010
Offline
73
#1

.separator {

font-family:12px Verdana,Arial;;
color: #fff;
outline: 0;
text-decoration: none;

display: block;
padding: 10px 10px;
font-weight: normal;
list-style: none;
text-align: center !important;
font-size: 16px;
line-height: 30px;
padding: 0 20px;
cursor: pointer;
float: left;
}
.separator:hover, .separator.active {
color: #2F83C8;
background: #fff;
border-radius: 3px;
outline: none;
text-decoration: none
}


/* Внутренне выравнивание*/
.moduletable_up li li a {

background-color: #fff;
border: 0;
padding: 0 20px 0 0;
color:#2F83C8;
}

/* Внутренне выравнивание 2 (наводка)*/
.moduletable_up li ul a {
margin:0 auto;
width: 100px;


}






.moduletable_up .item-145 .nav-child { width:840px !important;
float:left; padding:0px 0px 0 0;
margin: 40px 0 0 -350px;
height: auto}

.moduletable_up .item-145 .nav-child .nav-header {padding:0 40px 0 0;
display: inline !important;}

/*--------------2 уровень---------------- */
.moduletable_up .item-145 .nav-child ul.nav-child
{ width:135px !important;
padding: 0px -20px 5px 20px !important;
margin:40px 0 0px -130px !important;
float:left !important}

.moduletable_up .item-145 .nav-child ul.nav-child li {width:100px !important;
margin: 0 0 0 50px !important;
}

.moduletable_up .item-145 .nav-child ul.nav-child a /*----------2 уровень внутри-------- */
{
margin: auto -17px !important;
text-align:center}




.item-158 {
width: 120px;}
.item-157 {
width: 120px;}
.item-156 {
width: 120px;}
.item-146 {
width: 120px;}
.item-151 {
width: 120px;}
.item-159 {
width: 120px;}




/*-----------------меню-------------------*/

#right1 {
width: 820px;
display: block;
font-size: 100%;
margin: 0;
padding: 0;
outline: none;
display: inline;
font: 12px Verdana, Arial !important;
}

#right1 ul li {
float: right;
display: inline-block;
padding: 5px;
list-style: none;
text-align: left !important;
margin: 5px 0 0 0;

}
#right1 a {
text-decoration: none;
}
.moduletable_up {
float: right;
margin: 0;
top: auto;
height: 54px;
z-index: 100;
position: relative;


}
.moduletable_up a {
color: #FFF;
font: 16px Verdana, Arial;
line-height: 30px;
padding: 0 20px;
cursor: pointer;
display: block;
float: left;
text-decoration: none;

}



.moduletable_up a:hover, .moduletable_up li.active a {
color: #3286CB;
background:# 0CF;
border-radius: 3px;
outline: none;
text-decoration: none;
background:#fff !important;

}




.moduletable_up li ul {
position: absolute;
font-family: 12px Verdana,Arial;
margin:0px auto;
padding:0;
width: 170px;
/* left: -999em; Скрытие подпунктов */
background-color: #fff;
border: solid 1px #999999;
border-radius: 2px;
display: inline;

}



/* Скрывает подпункты
.moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul {
left: -999em;
}*/

/* Показывает подпункты */
.moduletable_up li:hover ul, .moduletable_up li li:hover ul, .moduletable_up li li li:hover ul, .moduletable_up li.sfhover ul, .moduletable_up li li.sfhover ul, .moduletable_up li li li.sfhover ul {
left: auto;
}

/* Сдвиг подпунктов 2 урв */
li.parent ul {
margin-top:40px;
margin-left:-104px;

}



/* Третий уровень
li.parent ul ul {
margin: -10px 0 0 10px;
} */


ul.right1 li a {
color:#3286CB;
display:block;
padding: 12px 12px;}

li.parent_up ul li a {
display:block;
float:left;
}
li.parent_up a {
color:#3286CB;
display:block;
text-decoration:none;}

li.parent ul ul a:hover, li.parent ul ul a:active, li.parent ul a:hover, li.parent ul a:active{
background:#EDF2F6 !important}
дани мапов
На сайте с 06.09.2012
Offline
204
#2

Посмотри какая высота у первого пункта "Австралия и Ок." и выставь эту высоту для всех пунктов этого уровня.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
B1
На сайте с 05.01.2013
Offline
40
#3

если столбиком, то задать float:none элементу подгруппы, если в строчку, то задать фиксированные размеры элементам и прописать обтекание(float: left;).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий