|
|
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Выпадающее меню - переменная, варианты (Изменить способ отображения меню) |
| Выпадающее меню - переменная, варианты |
|
Добрый всем вечер! Такая проблема - на сайте 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;} |
|
falloder, Проще другое поставить ...
Сообщение отредактировал Miss_Esq - Вторник, 11 Фев 2014, 20:23:41
|
|
вы не слишком заводитесь - тут предоставляют консультацию а не чинят ваши недоделки!!!
теперь по вашему вопросу: вставьте это вконец вашего css для одного блока поможет для большего количества нет Код #_umenu0 { left: 300px !important; top: 40px !important; } Удачи Спасибо = "+" в репутацию
Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
|
|
|
Найдите у себя в коде меню
<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
|
|
#_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;"> |
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Чат сообщества




