Ledok

привет, пишу сайт на битриксе, встала необходимость сделать табы. нашла вариант, внедрила на сайт, теперь возник вопрос, реально ли сделать второй ряд с кнопками-названиями (под первым)? особенность в том, что происходит действие при наведении мышки на название с кнопкой. /*меню статей*/ .menu2 { width:500px; height: 550px; position:relative; text-indent: 0px; overflow: hidden;} .menu2 li {display: inline-block; height: 550px;} .menu2 li > span { display: inline-block; background: #fff; padding: 0 5px; border: 1px solid #e1e1e1; line-height: 24px; height: 550px;} .menu2 li > span:hover, .menu2 li:hover > span, .menu2 li:first-child > span { border-bottom: 1px solid #fff; position: relative; } .menu2 li > span:hover:before, .menu2 li:hover > span:before { content: ""; width: 500px; /* ширины должно хватить, чтобы перекрыть border-bottom первого пункта */ position: absolute; bottom: -1px; left: -500px; border-bottom: 1px solid #e1e1e1; } .menu2 li > div {display:none; height: 550px;} .menu2 li:first-child > div, .menu2 li:hover > div { display:block; position:absolute; left:0; top:26px; /* 24 line-height + 2 border (верхняя и нижняя граница) у span */ height: 550px;; /* 250 у ul - 26 у div */ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; background: #fff; border-top: 1px solid #e1e1e1; border-top: 1px solid #fff; overflow: auto; } <ul class="menu2"> <li><span><b>Статьи</b></span><div class="ttt"><table><tr><td><?$APPLICATION->IncludeComponent("bitrix:catalog.section.list", "template3", array( "IBLOCK_TYPE" => "news", "IBLOCK_ID" => "19", "SECTION_ID" => $_REQUEST["SECTION_ID"], "SECTION_CODE" => "", "COUNT_ELEMENTS" => "Y", "TOP_DEPTH" => "2", "SECTION_FIELDS" => array( 0 => "", 1 => "", ), "SECTION_USER_FIELDS" => array( 0 => "", 1 => "", ), "SECTION_URL" => "", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", "CACHE_GROUPS" => "N", "ADD_SECTIONS_CHAIN" => "N" ), false );?> </div></tr></td></table> <br/><div style="padding: 0px 20px 0px 20px;"> <?$APPLICATION->IncludeComponent("bitrix:news", "Popul_stat", array( "IBLOCK_TYPE" => "Popular_stat", "IBLOCK_ID" => "20", "NEWS_COUNT" => "4", "USE_SEARCH" => "N", "USE_RSS" => "N", "USE_RATING" => "N", "USE_CATEGORIES" => "N", "USE_REVIEW" => "Y", "MESSAGES_PER_PAGE" => "10", "USE_CAPTCHA" => "Y", "REVIEW_AJAX_POST" => "Y", "PATH_TO_SMILE" => "/bitrix/images/forum/smile/", "FORUM_ID" => "3", "URL_TEMPLATES_READ" => "", "SHOW_LINK_TO_FORUM" => "Y", "POST_FIRST_MESSAGE" => "N", "USE_FILTER" => "N", "SORT_BY1" => "ACTIVE_FROM", "SORT_ORDER1" => "DESC", "SORT_BY2" => "SORT", "SORT_ORDER2" => "ASC", "CHECK_DATES" => "Y", "SEF_MODE" => "Y", "SEF_FOLDER" => "/", "AJAX_MODE" => "Y", "AJAX_OPTION_JUMP" => "Y", "AJAX_OPTION_STYLE" => "Y", "AJAX_OPTION_HISTORY" => "N", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", "CACHE_FILTER" => "N", "CACHE_GROUPS" => "N", "SET_TITLE" => "N", "SET_STATUS_404" => "N", "INCLUDE_IBLOCK_INTO_CHAIN" => "N", "ADD_SECTIONS_CHAIN" => "N", "USE_PERMISSIONS" => "N", "PREVIEW_TRUNCATE_LEN" => "100", "LIST_ACTIVE_DATE_FORMAT" => "d.m.Y", "LIST_FIELD_CODE" => array( 0 => "", 1 => "", ), "LIST_PROPERTY_CODE" => array( 0 => "", 1 => "", ), "HIDE_LINK_WHEN_NO_DETAIL" => "N", "DISPLAY_NAME" => "N", "META_KEYWORDS" => "-", "META_DESCRIPTION" => "-", "BROWSER_TITLE" => "NAME", "DETAIL_ACTIVE_DATE_FORMAT" => "d.m.Y", "DETAIL_FIELD_CODE" => array( 0 => "CODE", 1 => "", ), "DETAIL_PROPERTY_CODE" => array( 0 => "", 1 => "", ), "DETAIL_DISPLAY_TOP_PAGER" => "N", "DETAIL_DISPLAY_BOTTOM_PAGER" => "Y", "DETAIL_PAGER_TITLE" => "Страница", "DETAIL_PAGER_TEMPLATE" => "", "DETAIL_PAGER_SHOW_ALL" => "N", "DISPLAY_TOP_PAGER" => "N", "DISPLAY_BOTTOM_PAGER" => "Y", "PAGER_TITLE" => "Новости", "PAGER_SHOW_ALWAYS" => "Y", "PAGER_TEMPLATE" => "", "PAGER_DESC_NUMBERING" => "N", "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", "PAGER_SHOW_ALL" => "N", "DISPLAY_DATE" => "Y", "DISPLAY_PICTURE" => "Y", "DISPLAY_PREVIEW_TEXT" => "Y", "USE_SHARE" => "N", "AJAX_OPTION_ADDITIONAL" => "", "SEF_URL_TEMPLATES" => array( "news" => "", "section" => "", "detail" => "popul_detail.php?ELEMENT_ID=#ELEMENT_ID#", ), "VARIABLE_ALIASES" => array( "detail" => array( "ELEMENT_ID" => "ELEMENT_ID", ), ) ), false );?></div> </td></tr></table> </div></li> <li><span>От первого лица</span><div><table><tr><td><?$APPLICATION->IncludeComponent("bitrix:catalog.section", ".default", array( "IBLOCK_TYPE" => "news", "IBLOCK_ID" => "19", "SECTION_ID" => "148", "SECTION_CODE" => "", "SECTION_USER_FIELDS" => array( 0 => "", 1 => "", ), "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_ORDER" => "asc", "FILTER_NAME" => "arrFilter", "INCLUDE_SUBSECTIONS" => "Y", "SHOW_ALL_WO_SECTION" => "N", "PAGE_ELEMENT_COUNT" => "6", "LINE_ELEMENT_COUNT" => "3", "PROPERTY_CODE" => array( 0 => "", 1 => "", ), "OFFERS_LIMIT" => "5", "SECTION_URL" => "", "DETAIL_URL" => "", "BASKET_URL" => "/personal/basket.php", "ACTION_VARIABLE" => "action", "PRODUCT_ID_VARIABLE" => "id", "PRODUCT_QUANTITY_VARIABLE" => "quantity", "PRODUCT_PROPS_VARIABLE" => "prop", "SECTION_ID_VARIABLE" => "SECTION_ID", "AJAX_MODE" => "N", "AJAX_OPTION_JUMP" => "N", "AJAX_OPTION_STYLE" => "Y", "AJAX_OPTION_HISTORY" => "N", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", "CACHE_GROUPS" => "N", "META_KEYWORDS" => "-", "META_DESCRIPTION" => "-", "BROWSER_TITLE" => "-", "ADD_SECTIONS_CHAIN" => "N", "DISPLAY_COMPARE" => "N", "SET_TITLE" => "Y", "SET_STATUS_404" => "N", "CACHE_FILTER" => "N", "PRICE_CODE" => array( ), "USE_PRICE_COUNT" => "N", "SHOW_PRICE_COUNT" => "1", "PRICE_VAT_INCLUDE" => "Y", "PRODUCT_PROPERTIES" => array( ), "USE_PRODUCT_QUANTITY" => "N", "DISPLAY_TOP_PAGER" => "N", "DISPLAY_BOTTOM_PAGER" => "Y", "PAGER_TITLE" => "Товары", "PAGER_SHOW_ALWAYS" => "Y", "PAGER_TEMPLATE" => "", "PAGER_DESC_NUMBERING" => "N", "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", "PAGER_SHOW_ALL" => "Y", "AJAX_OPTION_ADDITIONAL" => "" ), false );?> </td></tr></table></div></li> <li><span>Ключевые решения</span><div><table><tr><td><?$APPLICATION->IncludeComponent("bitrix:catalog.section", ".default", array( "IBLOCK_TYPE" => "news", "IBLOCK_ID" => "19", "SECTION_ID" => "149", "SECTION_CODE" => "", "SECTION_USER_FIELDS" => array( 0 => "", 1 => "", ), "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_ORDER" => "asc", "FILTER_NAME" => "arrFilter", "INCLUDE_SUBSECTIONS" => "Y", "SHOW_ALL_WO_SECTION" => "N", "PAGE_ELEMENT_COUNT" => "30", "LINE_ELEMENT_COUNT" => "3", "PROPERTY_CODE" => array( 0 => "", 1 => "", ), "OFFERS_LIMIT" => "5", "SECTION_URL" => "", "DETAIL_URL" => "", "BASKET_URL" => "/personal/basket.php", "ACTION_VARIABLE" => "action", "PRODUCT_ID_VARIABLE" => "id", "PRODUCT_QUANTITY_VARIABLE" => "quantity", "PRODUCT_PROPS_VARIABLE" => "prop", "SECTION_ID_VARIABLE" => "SECTION_ID", "AJAX_MODE" => "N", "AJAX_OPTION_JUMP" => "N", "AJAX_OPTION_STYLE" => "Y", "AJAX_OPTION_HISTORY" => "N", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", "CACHE_GROUPS" => "Y", "META_KEYWORDS" => "-", "META_DESCRIPTION" => "-", "BROWSER_TITLE" => "-", "ADD_SECTIONS_CHAIN" => "N", "DISPLAY_COMPARE" => "N", "SET_TITLE" => "Y", "SET_STATUS_404" => "N", "CACHE_FILTER" => "N", "PRICE_CODE" => array( ), "USE_PRICE_COUNT" => "N", "SHOW_PRICE_COUNT" => "1", "PRICE_VAT_INCLUDE" => "Y", "PRODUCT_PROPERTIES" => array( ), "USE_PRODUCT_QUANTITY" => "N", "DISPLAY_TOP_PAGER" => "N", "DISPLAY_BOTTOM_PAGER" => "Y", "PAGER_TITLE" => "Товары", "PAGER_SHOW_ALWAYS" => "Y", "PAGER_TEMPLATE" => "", "PAGER_DESC_NUMBERING" => "N", "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", "PAGER_SHOW_ALL" => "Y", "AJAX_OPTION_ADDITIONAL" => "" ), false );?> </td></tr></table></div></li> <li><span>Безопасная дорога </span><div><table><tr><td><?$APPLICATION->IncludeComponent("bitrix:catalog.section", ".default", array( "IBLOCK_TYPE" => "news", "IBLOCK_ID" => "19", "SECTION_ID" => "150", "SECTION_CODE" => "", "SECTION_USER_FIELDS" => array( 0 => "", 1 => "", ), "ELEMENT_SORT_FIELD" => "sort", "ELEMENT_SORT_ORDER" => "asc", "FILTER_NAME" => "arrFilter", "INCLUDE_SUBSECTIONS" => "Y", "SHOW_ALL_WO_SECTION" => "N", "PAGE_ELEMENT_COUNT" => "30", "LINE_ELEMENT_COUNT" => "3", "PROPERTY_CODE" => array( 0 => "", 1 => "", ), "OFFERS_LIMIT" => "5", "SECTION_URL" => "", "DETAIL_URL" => "", "BASKET_URL" => "/personal/basket.php", "ACTION_VARIABLE" => "action", "PRODUCT_ID_VARIABLE" => "id", "PRODUCT_QUANTITY_VARIABLE" => "quantity", "PRODUCT_PROPS_VARIABLE" => "prop", "SECTION_ID_VARIABLE" => "SECTION_ID", "AJAX_MODE" => "N", "AJAX_OPTION_JUMP" => "N", "AJAX_OPTION_STYLE" => "Y", "AJAX_OPTION_HISTORY" => "N", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", "CACHE_GROUPS" => "Y", "META_KEYWORDS" => "-", "META_DESCRIPTION" => "-", "BROWSER_TITLE" => "-", "ADD_SECTIONS_CHAIN" => "N", "DISPLAY_COMPARE" => "N", "SET_TITLE" => "Y", "SET_STATUS_404" => "N", "CACHE_FILTER" => "N", "PRICE_CODE" => array( ), "USE_PRICE_COUNT" => "N", "SHOW_PRICE_COUNT" => "1", "PRICE_VAT_INCLUDE" => "Y", "PRODUCT_PROPERTIES" => array( ), "USE_PRODUCT_QUANTITY" => "N", "DISPLAY_TOP_PAGER" => "N", "DISPLAY_BOTTOM_PAGER" => "Y", "PAGER_TITLE" => "Товары", "PAGER_SHOW_ALWAYS" => "Y", "PAGER_TEMPLATE" => "", "PAGER_DESC_NUMBERING" => "N", "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000", "PAGER_SHOW_ALL" => "Y", "AJAX_OPTION_ADDITIONAL" => "" ), false );?> </td></tr></table></div></li> </ul>

задача - в каком-либо компоненте текст, который будет начинаться со след. строки от картинки. сейчас он обтекает ее справа и снизу. пытаюсь прописать clear: right но ничего не происходит

https://lh6.googleusercontent.com/-50Vu66rx3-s/UJNrqsMDmjI/AAAAAAAAFBQ/jXYJgQtydS8/s1543/666.gif пишу сайт на битрикс. никак не могу опустить логотип вниз, первый раз верстаю div. Помогите разобраться. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <?$APPLICATION->ShowHead()?> <title><?$APPLICATION->ShowTitle()?></title> </head> <body ><?$APPLICATION->ShowPanel();?> <div class="b-logo-wrapper"><!-- блок логотип--> <div class="b-logo"><img src="/bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/images/new-logo.png"> поиск<div class="search" ><?$APPLICATION->IncludeComponent("bitrix:system.auth.form", "template3", Array( "REGISTER_URL" => "", // Страница регистрации "PROFILE_URL" => "", // Страница профиля "SHOW_ERRORS" => "N", // Показывать ошибки ), false );?> </div> </div> </div><!-- /блок логотип--> <div class="b-menu-wrapper"><!-- блок меню--> <div class="b-menu"> menu </div> </div><!-- /блок меню--> .b-logo-wrapper { width: 1280px;/*мин.ширина 1280 для стр.*/ margin: 0 auto; height: 200px; } .b-logo { width: 100%;/*было 1280px*/ height: 100%; background: white; padding: 15px 0px 0px 0px; } .b-menu-wrapper { /*основной блок меню*/ width: 100%; background: #6a6; } .b-menu { /*меню середина.*/ height: 35px; width: 1280px; margin: 0 auto; } .b-content-wrapper { /*основной блок контента.*/ width: 1280px; margin: 0 auto; overflow: hidden; padding: 30px 0px 0px 0px;} .search { /*регистрация!!*/ float:right; width:270px; height:100%; background: #F5F5F5; /* светло-серый */ border-left:1px solid #1E8A2F; border-right:1px solid #1E8A2F; border-bottom:1px solid #1E8A2F; border-top:1px solid #1E8A2F; padding: 6px 10px 10px 10px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; z-index:1001;}

Спасибо!

https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!