vit-rnd

Разобрался... Спасибо за помощь... Может кому-то пригодится - для решения этой проблемы было достаточно залезть в style.css, найти следующий кусок: /* ———————————-- */ /* UPPER /* ———————————-- */ #header { height: 152px; overflow: hidden; И заменить hidden на visible.

Огромная просьба помочь эти z-index`ы расставить, потому как не выходит у меня... Вот кусок темы с менюшкой: <div id="upper"> <div class="wrapper"> <div id="header"> <div id="topbar"> <ul id="pages" class="sf-menu"> <?php wp_list_pages('title_li='); ?> </ul> <div id="search"> <form method="get" action="<?php bloginfo('url'); ?>"> <a href="<?php bloginfo('rss2_url'); ?>" id="rss">rss</a> <input type="text" value="" name="s" id="search-input" /> <input type="submit" id="search-submit" value="поиск" /> </form> </div> </div> <div id="top"> <h1><a href="<?php echo get_option('home'); ?>/"><img src="http://s017.radikal.ru/i437/1209/9b/dc6bdb467730.png" alt="СНО РостГМУ" /> <?php bloginfo('name'); ?></a></h1> <p id="blog-desc"><?php bloginfo('description'); ?></p> </div> </div> <div id="categories"> <ul class="sf-menu"> <?php wp_list_categories('title_li='); ?> </ul> </div>/div А вот CSS общая: body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; } body { background: #161616; text-align: center; } p, div, li, h1, h2, h3, h4, h5, h6, td, input, textarea { font-family: Arial; font-size: 13px; color: #FFF; line-height: 18px; } select { font-family: Arial; font-size: 13px; color: #000; line-height: 18px; } h1, h2, h3, h4, h5 { font-family: Georgia; font-weight: normal; } p, h1, h2, h3, h4, h5, h5, #content ul, #content ol, #content table { margin-bottom: 15px; } a img, :link img, :visited img { border: none } a:link, a:visited { color: #a2a2a2; text-decoration: underline; } a:hover, a:active { color: #FFF; text-decoration: underline; } div.clear { clear: both; overflow: hidden; height: 1px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ———————————-- */ /* WRAPPER and MAIN SECTIONS /* ———————————-- */ #upper { background: #000 url(../_images/bg-upper.jpg) center top no-repeat; padding: 0 0 30px 0; border-top: 4px solid #101f25; } #lower { background: transparent url(../_images/bg-lower.jpg) left top repeat-x; padding: 0 0 40px 0; } .wrapper { width: 900px; margin: 0 auto; text-align: left; } /* ———————————-- */ /* UPPER /* ———————————-- */ #header { height: 152px; overflow: hidden; } #topbar { height: 30px; } #topbar a:link, #topbar a:visited { color: #FFF; text-decoration: none; } #topbar a:hover, #topbar a:active { color: #a2a2a2; } #pages { float: left; } #pages li { list-style: none; float: left; margin: 0 2px 0 0; display: inline; height: 27px; line-height: 27px; padding: 0 10px; background: #101f25; font-size: 12px; text-transform: uppercase; } #pages li li { text-transform: none; } #search { height: 30px; line-height: 27px; padding: 0 0 0 10px; background: #101f25; float: right; } a#rss { padding-left: 18px; background: transparent url(../_images/rss.gif) 0 3px no-repeat; margin-right: 10px; } #search-input { background: #384a4d; border: none; padding: 2px 4px; } #search-submit { background: none; border: none; } #search.input { vertical-align: middle; font-size: 11px; color: #FFF; } #top { height: 122px; overflow: hidden; clear: both; } #top h1 { float: left; font-size: 40px; font-weight: bold; line-height: 50px; padding: 50px 0 0 0; } #top p { text-align: right; padding: 75px 0 0 0; font-size: 20px; } #top a:link, #top a:visited { color: #FFF; text-decoration: none; } #top a:hover, #top a:active { color: #a2a2a2; } #categories { background: #09191b url(../_images/bg-categories.jpg) 0 0 no-repeat; height: 30px; text-align: left; } #categories li { float: left; height: 30px; line-height: 30px; list-style: none; margin: 0 0 0 30px; font-size: 11px; } #categories a:link, #categories a:visited { color: #FFF; text-decoration: none; } #categories a:hover, #categories a:active { color: #a2a2a2; } #categories ul.sf-menu li li { margin: 0; padding: 3px 10px; line-height: 18px; height: auto; font-size: 1em; } /* ———————————-- */ /* HOME /* ———————————-- */ #feature { padding: 30px; background: transparent url(../_images/content.jpg) 0 0 no-repeat; margin: 0 0 30px 0; } #feature-date { width: 50px; background: #0f1e24; padding: 7px 4px; text-align: center; font-size: 28px; color: #7f8689; line-height: 22px; float: left; } #feature-date span { font-size: 14px; text-transform: uppercase; } #feature-text { float: left; margin: 0 0 0 20px !important; display: inline; width: 500px; padding: 0 30px 0 0; border-right: 1px solid #20333c; } #feature-text h2 { font-size: 24px; } #feature-text h2 a:link, #feature-text h2 a:visited { color: #FFF; text-decoration: none; } #feature-text h2 a:hover, #feature-text h2 a:active { color: #a2a2a2; } #feature-text p.more { margin: 0; } #feature-data { width: 200px; float: left; margin: 0 0 0 30px; display: inline; } #recent { width: 608px; float: left; border-right: 1px solid #264748; padding: 0 30px 0 0; } #recent h2 { font-size: 22px; line-height: 22px; } /* #recent h2 { width: 108px; float: left; font-size: 22px; line-height: 22px; } #recent ol { margin-left: 108px; } */ #pod1 { width: 230px; float: right; } /* ———————————-- */ /* SUB PAGES /* ———————————-- */ #main { background: transparent url(../_images/content.jpg) 0 0 no-repeat; padding: 30px; } #content { width: 540px; float: left; padding: 0 40px 30px 0; border-right: 1px solid #20333c; } #content h1 { font-size: 24px; line-height: 24px; } #content h2 { font-size: 20px; line-height: 20px; } #content h3 { font-size: 16px; line-height: 16px; } #content h4 { font-size: 14px; line-height: 16px; } #content li { margin-left: 25px; } #content blockquote { border-left: 4px solid #20333c; padding-left: 10px; font-style: italic; } #side { width: 220px; float: right; } #side p.post-date { background: #0b191e; padding: 15px; text-align: center; font-size: 28px; color: #7f8689; line-height: 22px; text-transform: uppercase; } #side ul { margin: 0 0 15px 0; } #side li { margin-left: 20px; } #side .pod { margin: 0 0 40px 0; } /* ———————————-- */ /* SINGLE /* ———————————-- */ #comments { clear: both; border-top: 1px solid #20333c; padding: 30px 0 0 0; } #comments h2 { font-size: 18px; } .comment { margin: 0 300px 20px 0; } .admin { background: #060d13; padding: 20px 20px 5px 20px; } img.avatar { float: left; border: 1px solid #20333c; padding: 2px; } .comment-text { margin: 0 0 0 50px; } .comment-text p { font-size: 11px; line-height: 15px; color: #bdd3db; } .comment-text p.comment-data, .comment-text p.comment-data a { color: #598a8e; text-decoration: none; margin: 0 0 4px 0; } #respond { float: right; width: 220px; } #respond label { display: block; font-size: 11px; color: #598a8e; text-transform: uppercase; } #respond input, #respond textarea, input#s { border: 2px solid #273c3e; background: #152526; padding: 4px; width: 200px; } #respond input.submit, input#searchsubmit { background: #273c3e; width: auto; border: 2px solid #273c3e; } /* ———————————-- */ /* LOWER /* ———————————-- */ .pod h2 { padding-top: 25px; font-size: 22px; line-height: 22px; } #lower .pod { width: 30%; margin: 0 0 20px 0; } #lower .pod li { margin-left: 20px; } #lower #pod2 { float: left; } #lower #pod4 { float: right; } #lower #pod3 { margin: 0 auto; } #footer { border-top: 1px solid #212121; clear: both; padding: 6px 0 0 0; } #footer p, #footer a { color: #474747; font-size: 11px; } /* ———————————-- */ /* COMMON /* ———————————-- */ ol.post-list li { list-style: none; clear: both; margin: 0 0 10px 0 !important; border-top: 1px solid #264748; padding: 10px 0 0 0; } span.comments { background: transparent url(../_images/comments.gif) 0 4px no-repeat; padding: 0 0 0 16px; margin: 0 0 3px 0; float: right; } span.date { clear: right; float: right; font-size: 11px; color: #a2a2a2; } span.title { font-size: 16px; margin: 0 0 3px 0; } span.title a:link, span.comments a:link, span.title a:visited, span.comments a:visited { color: #FFF; } span.title a:hover, span.comments a:hover, span.title a:active, span.comments a:active { color: #778084; } span.categories { font-size: 11px; font-style: italic; color: #a2a2a2; display: block; } #side ul.post-data { margin: 0 0 40px 0; } ul.post-data li { list-style: none; font-size: 11px; margin: 0 0 5px 0 !important; padding: 0 0 0 17px; } li.author { background: transparent url(../_images/author.gif) 0 4px no-repeat; } li.comments { background: transparent url(../_images/comments.gif) 0 5px no-repeat; } li.categories { background: transparent url(../_images/categories.gif) 0 6px no-repeat; } li.tags { background: transparent url(../_images/tags.gif) 0 6px no-repeat; } Премногоблагодарен.

Доброго времени суток! Собственно, САБЖ. Есть менюшка Superfish v1.4.8. Есть Wordpress. При открытии длинного выпадающего меню, часть его прячется под другие блоки. Подскажите, что и где нужно подкорректировать, чтоб поверх всего отображался выпадаюзий список. CSS прилагается: /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ background: #101f25; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 27px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { text-decoration:none; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../_images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../_images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } Заранее спасибо!