• Страница 1 из 1
  • 1
Модератор форума: JonMagon  
Выпадающее меню - переменная, варианты
falloder
Сообщений: 4
Репутация: 0

Сообщение # 1 | 19:08:08
Добрый всем вечер! Такая проблема - на сайте http://40businessnet.ucoz.com/ подменю выпадает справа. Как сделать чтобы оно было сразу ПОД меню. Ужасно не удобно, оторвать бы ветки тому кто такие меню делает. Заранее спасибо, прилагаю код CSS полностью, как он есть на сайте.

Код
@charset "utf-8";
header, nav, article, aside, section, footer{display:block;overflow:hidden;}
html, body{width:100%;height:100%;margin:0;padding:0;}
textarea, input{outline:none;resize:none;}
img, a img{border:none;outline:none;}
ul, li{margin:0;padding:0;}
a, a:link, a:visited, a:active, a:hover{color:#1EBAF0;text-decoration:none;}
body{font-family:Arial, sans-serif;font-size:12px;line-height:22px;background:#151515 url('/img/bg.jpg') left top fixed no-repeat;color:#191A1B;}
input[type="text"], input[type="password"], textarea{background:#2B2D2E;border:1px solid #3B3E41;border-radius:3px;box-shadow:inset 1px 1px 3px #212324;color:#CBD9E0;font-family:arial;font-size:12px;padding:3px;}
hr{height:2px;border:none;background:url('/img/line.png') repeat-x;}
#top{padding-top:30px;padding-bottom:8px;background:url('/img/top.png') bottom repeat-x;min-height:62px;max-height:170px; position:relative;}
#logo_bg{float:left;width:315px;min-height:62px;background:url('/img/logo_bg.png') top no-repeat;margin-top:-30px;padding-top:30px;padding-left:50px;}
#logo{background:url('/img/logo.png') left top no-repeat;padding-left:40px;min-height:73px;}
#logo > h1{padding:0;margin:0;font-family:Verdana;font-size:27px;line-height:27px;text-transform:uppercase;}
#logo > h5{font-weight:normal;font-size:11px;color:#7B8990;padding:0;margin:-7px 0 0;letter-spacing:1px;}
#tools{display:block;position:absolute;overflow:hidden;right:20px;z-index:2;}
#icons{float:right;}
#user{float:right;padding-right:20px;height:26px;line-height:26px;background:url('/img/user.png') left center no-repeat;padding-left:32px;color:#1EBAF0;}
#user a{text-decoration:underline;}
#user a:hover{text-decoration:none;}
nav{float:left;overflow:visible;}
nav ul{list-style:none;}
nav ul li{float:left;height:34px;}
nav ul li a{display:block;color:#7E898F !important;font-size:13px;padding:0 20px;height:30px;line-height:30px;border-radius:3px;margin:1px 20px 1px 1px;}
nav ul li a.uMenuItemA, nav ul li a:hover{text-decoration:none;color:#1EBAF0 !important;background:#222324;border:1px solid #26292A;margin:0 19px 0 0;box-shadow:#070708 1px 1px 2px;}
aside{float:left;width:365px;background:url('/img/aside.jpg') repeat-y;margin-top:-7px;color:#D2E1E8;}
aside a{color:#1EBAF0;}
aside > h3{padding:0 55px;margin:0;height:42px;line-height:42px;background:url('/img/h3.jpg');color:#FEFEFE;font-size:16px;}
aside li{list-style-type:none;}
aside li a{color:#D2E1E8 !important;}
aside li a:hover{color:#1EBAF0 !important;}
.block{padding:20px 55px;margin-bottom:20px;}
#search{height:44px;width:365px;background:url('/img/s_form.jpg');padding:17px 70px 0;overflow:hidden;}
#s_text{height:28px;line-height:28px;padding:0;float:left;width:190px;background:none;border:none;}
#s_image{float:left;margin:4px 0 0 15px;}
.site_info{padding:20px 55px 30px;*padding-top:0;color:#51595C;font-style:italic;}
.site_info span{font-size:18px;color:#1EBAF0;line-height:40px;}
footer{margin-top:40px;background:url('/img/line.png') top repeat-x;padding:40px 55px;}
#content{margin-left:365px;padding-top:50px;}
#first_column, #second_column{width:94%;padding:0 3%; min-width:400px;}
article{margin-bottom:20px;color:#D2E1E8;}
article a{color:1ebaf0;}
article > header{height:46px;padding:0 2%;background:url('/img/a_header.png') repeat-x;border-top:1px solid #161616;border-left:1px solid #161616;border-right:1px solid #161616;border-bottom:1px solid #000000;border-radius:5px 5px 0 0;}
article > header > h1{display:block;float:left;padding:0 20px 0 0;margin:0;height:46px;line-height:46px;font-size:16px;text-transform:uppercase;color:#FFFFFF;overflow:hidden;width:80%;}
article > header > h1.total{text-transform:none;font-weight:normal;}
article > header > h1.total > b{color:#1EBAF0;}
.comm_add{height:46px;padding:0 2%;background:url('/img/a_header.png') repeat-x;border-top:1px solid #161616;border-left:1px solid #161616;border-right:1px solid #161616;border-bottom:1px solid #000000;line-height:46px;color:#FFFFFF;font-size:16px;margin-top:20px;border-radius:5px;}
.comment{float:right;width:32px;height:46px;background:url('/img/comment.png');text-align:center;line-height:12px;padding-top:18px;font-weight:700;}
.comment a{color:#191A1B !important;}
.a_message{padding:15px 2%;background:url('/img/a_message.png') repeat;border-left:1px solid #161616;border-right:1px solid #161616;border-bottom:1px solid #161616;box-shadow:inset 0 0 0 1px #3A3C3C;border-radius:0 0 5px 5px;}
.a_message b{color:#FEFEFE;}
#first_column .a_message img{max-width:100%;}
.rate{padding-bottom:10px;margin-bottom:10px;background:url('/img/line.png') bottom repeat-x;}
.details{margin-top:10px;padding-top:15px;background:url('/img/line.png') top repeat-x;}
.details_content{background:url('/img/add.png') left center no-repeat;padding-left:20px;}
.details_content a, .details_content span{color:#1EBAF0;}
.two_blocks{overflow:hidden;padding:25px 0;}
.two_blocks_block{float:left;width:50%;font-size:11px;line-height:18px;}
h4{font-size:16px;margin:0 0 20px;padding:0;color:#FFFFFF;}
.two_blocks_block ul{list-style:none;}
.two_blocks_block ul li{padding-left:15px;background:url('/img/two_blocks_block_li.png') left center no-repeat;}
.two_blocks_block ul li:hover{padding-left:15px;background:url('/img/two_blocks_block_li_hover.png') left center no-repeat;}
.two_blocks_block ul li a{color:#D2E1E8 !important;}
.two_blocks_block ul li a:hover{color:#1EBAF0 !important;}
a.main_more{text-decoration:underline;}
@media only screen and (min-width:1400px){
#first_column{float:left;width:655px;}
#first_column article > header{padding:0 3%;}
#first_column .a_message{padding:15px 3%;}
#second_column{float:left;width:313px;margin-left:-3%;}
#second_column article > header{padding:0 5%;}
#second_column .a_message{padding:15px 5%;}
}
@media only screen and (max-width:1280px){
#top{min-height:100px;}
#tools{right:auto;left:365px;top:80px;padding-top: 0 !important;}
}
.com_message{padding:20px 0;background:url('/img/line.png') bottom repeat-x;}
.com_title{height:16px;line-height:16px;background:url('/img/com.png') left no-repeat;padding-left:25px;margin-bottom:15px;}
.com_title b{color:#1EBAF0;}
.com_title span{padding-left:7px;}
.gTable, .pagesInfo{color:#D2E1E8;}
.gTable a{color:#1EBAF0;}
input[type="button"], input[type="submit"], input[type="reset"]{background:#202020 url('/img/but.png') top repeat-x;border:1px solid #000000;font-size:14px;height:29px;line-height:29px;border-radius:5px;color:#FFFFFF;}
.calTable{width:100%;background:url('/img/cal.png') top no-repeat;line-height:21px;box-shadow:inset 0 -1px 0 #252627;border-bottom:1px solid #000;border-radius:3px;}
.calWdaySu, .calWdaySe, .calWday{font-weight:700;}
.calWdaySu, .calWdaySe{color:#1EBAF0;}
.calMonth{font-weight:700;text-align:left;}
.calMdayIs, .calMdayIsA{width:25px;background:#1EBAF0;color:#0F1010;border-radius:5px;}
.calMdayIs a, .calMdayIsA a{color:#0F1010 !important;}
.commFl{width:99%;}
.gTable{background:#000000;border-radius:5px;color:#D2E1E8;}
.gTableTop{padding:2px;height:30px;color:#CCCCCC;font-family:Verdana, Sans-Serif;font-size:13px;font-weight:700;padding-left:22px;padding-top:10px;}
.gTableSubTop{padding:2px;background:#111111;color:#555555;height:20px;font-size:10px;}
.gTableBody{padding:2px;background:#202020;}
.gTableBody1{padding:2px;background:#202020;}
.gTableBottom{padding:2px;background:#202020;}
.gTableLeft{padding:2px;background:#202020;font-weight:700;color:#CCCCCC;}
.gTableRight{padding:2px;background:#202020;color:#666666;}
.gTableError{padding:2px;background:#202020;color:#FF0000;}
.forumNameTd, .forumLastPostTd{padding:2px;background:#202020;}
.forumIcoTd, .forumThreadTd, .forumPostTd{padding:2px;background:#222222;}
.forumLastPostTd, .forumArchive{padding:2px;font-size:7pt;}
a.catLink:link{text-decoration:none;color:#CCCCCC;}
a.catLink:visited{text-decoration:none;color:#CCCCCC;}
a.catLink:hover{text-decoration:underline;color:#999999;}
a.catLink:active{text-decoration:underline;color:#CCCCCC;}
.lastPostGuest, .lastPostUser, .threadAuthor{font-weight:700;}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:700;}
.forum{font-weight:700;font-size:9pt;}
.forumDescr, .forumModer{color:#888888;font-size:7pt;}
.forumViewed{font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link{text-decoration:underline;color:#CCCCCC;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited{text-decoration:underline;color:#CCCCCC;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover{text-decoration:none;color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active{text-decoration:underline;color:#CCCCCC;}
.forumNamesBar{padding-bottom:7px;font-weight:700;font-size:7pt;}
.forumBarKw{font-weight:normal;}
a.forumBarA:link{text-decoration:none;color:#CCCCCC;}
a.forumBarA:visited{text-decoration:none;color:#CCCCCC;}
a.forumBarA:hover{text-decoration:underline;color:#FFFFFF;}
a.forumBarA:active{text-decoration:underline;color:#CCCCCC;}
.fastNav, .fastSearch, .fastLoginForm{font-size:7pt;}
.fastNavMain{background:#862D2D;color:#FFFFFF;}
.fastNavCat{background:#F9E6E6;}
.fastNavCatA{background:#F9E6E6;color:#0000FF;}
.fastNavForumA{color:#0000FF;}
.pagesInfo{background:#202020;padding-right:10px;font-size:7pt;}
.switches{background:#2B2B2B;}
.switch{background:#202020;width:15px;font-size:7pt;}
.switchActive{background:#555555;font-weight:700;color:#CCCCCC;width:15px;}
a.switchDigit:link, a.switchBack:link, a.switchNext:link{text-decoration:none;color:#CCCCCC;}
a.switchDigit:visited, a.switchBack:visited, a.switchNext:visited{text-decoration:none;color:#CCCCCC;}
a.switchDigit:hover, a.switchBack:hover, a.switchNext:hover{text-decoration:underline;color:#FFFFFF;}
a.switchDigit:active, a.switchBack:active, a.switchNext:active{text-decoration:underline;color:#CCCCCC;}
.threadNametd, .threadAuthTd, .threadLastPostTd{padding:2px;padding:2px;background:#202020;}
.threadIcoTd, .threadPostTd, .threadViewTd{padding:2px;background:#222222;}
.threadLastPostTd{padding:2px;font-size:7pt;}
.threadDescr{color:#666666;font-size:7pt;}
.threadNoticeLink{font-weight:700;}
.threadsType{padding:2px;background:#484848;height:20px;font-weight:700;font-size:7pt;color:#FFFFFF;padding-left:40px;}
.threadsDetails{padding:2px;background:#484848;height:20px;color:#555555;color:#FFFFFF;}
.forumOnlineBar{padding:2px;background:#555555;height:20px;color:#CCCCCC;}
a.threadPinnedLink:link{text-decoration:none;color:#CCCCCC;}
a.threadPinnedLink:visited{text-decoration:none;color:#CCCCCC;}
a.threadPinnedLink:hover{text-decoration:underline;color:#FFFFFF;}
a.threadPinnedLink:active{text-decoration:underline;color:#CCCCCC;}
.threadPinnedLink, .threadLink{font-weight:700;}
a.threadLink:link{text-decoration:underline;color:#CCCCCC;}
a.threadLink:visited{text-decoration:underline;color:#CCCCCC;}
a.threadLink:hover{text-decoration:none;color:#FFFFFF;}
a.threadLink:active{text-decoration:underline;color:#CCCCCC;}
.postpSwithces{font-size:7pt;}
.thDescr{font-weight:normal;}
.threadFrmBlock{font-size:7pt;text-align:right;}
.postTable{background:#555555;}
.postPoll{background:#222222;text-align:center;}
.postFirst{background:#222222;border-bottom:1px solid silver;}
.postRest1{background:#222222;}
.postRest2{background:#222222;}
.postSeparator{height:2px;background:#CCCCCC;}
.postTdTop{background:#111111;color:#555555;}
.postBottom{background:#202020;height:20px;color:#555555;}
.postUser{font-weight:700;}
.postTdInfo{background:#222222;text-align:center;padding:5px;}
.postRankName{margin-top:5px;}
.postRankIco{margin-bottom:5px;margin-bottom:5px;}
.reputation{margin-top:5px;}
.signatureHr{margin-top:20px;color:#CCCCCC;}
.posttdMessage{background:#202020;padding:5px;}
.postPoll{padding:5px;}
.pollQuestion{text-align:center;font-weight:700;}
.pollButtons, .pollTotal{text-align:center;}
.pollSubmitBut, .pollreSultsBut{width:140px;font-size:7pt;}
.pollSubmit{font-weight:700;}
.pollEnd{text-align:center;height:30px;}
.codeMessage{background:#555555;font-size:9px;}
.quoteMessage{background:#555555;font-size:9px;}
.signatureView{font-size:7pt;}
.edited{padding-top:30px;font-size:7pt;text-align:right;color:#555555;}
.editedBy{font-weight:700;font-size:8pt;}
.statusBlock{padding-top:3px;}
.statusOnline{color:#FFFF00;}
.statusOffline{color:#FFFFFF;}
.newThreadBlock{background:#F9F9F9;border:1px solid #B2B2B2;}
.newPollBlock{background:#F9F9F9;border:1px solid #B2B2B2;}
.newThreadItem{padding:0 0 0 8px;}
.newPollItem{padding:0 0 0 8px;}

nav {overflow:visible;}
nav .u-menu {background: none !important;}
nav .xw-tl, nav .xw-tc, nav .xw-tr, nav .xw-bl, nav .xw-bc, nav .xw-br {display: none; background: none !important;}
nav .xw-ml, nav .xw-mr {margin: 0; padding: 0; background: none !important;}
nav .u-menu .xw-mc {border: none; padding: 0 0 0 4px; background: none !important;}
nav .u-menu .u-menubody {border: none; background: none !important;}
nav .u-menu .u-menucont {background: none !important;}
.x-sh {display: none !important;}
nav .u-menuvitem {color: #fff !important; border-radius:4px; font-size: 12px; line-height: 30px; padding: 0 15px; margin-down: 2px; margin-bottom: 4px;}
nav .u-menucont .u-menuvitem {color: #fff !important;text-decoration:none;background:#222324;border:1px solid #26292A;box-shadow:#070708 5px 5px 2px;}
nav .u-menucont .u-menuvitem:hover {border: 1px solid #353a3b; color:#1EBAF0 !important; background:#303134;}
nav .u-menuvitem a {color: #fff !important;}
nav .u-menucont .u-menuvitem .u-menuarrow {margin-top: 6px; margin-down: -3px;}
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 20:22:37
falloder, Проще другое поставить ...

Сообщение отредактировал Miss_Esq - Вторник, 11 Фев 2014, 20:23:41
falloder
Сообщений: 4
Репутация: 0

Сообщение # 3 | 22:06:22
Цитата Miss_Esq ()
falloder, Проще другое поставить .
Было бы проще - тут не писал бы. Толковые советы будут?
M-Brook
Сообщений: 215
Репутация: 75

Сообщение # 4 | 23:18:34
вы не слишком заводитесь - тут предоставляют консультацию а не чинят ваши недоделки!!!

теперь по вашему вопросу:
вставьте это вконец вашего css для одного блока поможет для большего количества нет


Код
#_umenu0 {
     left: 300px !important;
     top: 40px !important;
}


Удачи

Спасибо = "+" в репутацию
Любые вопросы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
falloder
Сообщений: 4
Репутация: 0

Сообщение # 5 | 23:43:13
Цитата M-Brook ()
теперь по вашему вопросу: вставьте это вконец вашего css для одного блока поможет для большего количества нет
Спасибо. Соответственно если я добавляю вот это вконце - все работает как надо. Спасибо.
Код
#_umenu0 {  
      left: 100px !important;  
      top: 40px !important;  
  }
SOCHI1014
Сообщений: 863
Репутация: 229

Сообщение # 6 | 23:46:07
Найдите у себя в коде меню

<div id="_umenu0" class="x-unselectable" style="position: absolute; z-index: 25050; left: 438px; top: 0px; display: block;">
и замените на это
<div id="_umenu0" class="x-unselectable" style="position: absolute; z-index: 2505; left: 300px; top: 30px; display: block;">

Будет при любом количестве подменю работать
Или так в css напишите
#_umenu0 {position: absolute !important; z-index: 2505 !important; left: 300px !important; top: 30px !important; display: block !important;}

Сообщение отредактировал SOCHI1014 - Вторник, 11 Фев 2014, 23:52:36
falloder
Сообщений: 4
Репутация: 0

Сообщение # 7 | 02:01:11
Цитата SOCHI1014 ()
#_umenu0 {position: absolute !important; z-index: 2505 !important; left: 300px !important; top: 30px !important; display: block !important;}



при таком раскладе подменю постоянно открыто.

Код
<div id="_umenu0" class="x-unselectable" style="position: absolute; z-index: 25050; left: 438px; top: 0px; display: block;">
А вот этого у меня нет в css
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!