Jump to content

Ledok

Newbie
  • Posts

    5
  • Joined

  • Last visited

Ledok's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. привет, пишу сайт на битриксе, встала необходимость сделать табы. нашла вариант, внедрила на сайт, теперь возник вопрос, реально ли сделать второй ряд с кнопками-названиями (под первым)? особенность в том, что происходит действие при наведении мышки на название с кнопкой. /*меню статей*/ .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>
  2. задача - в каком-либо компоненте текст, который будет начинаться со след. строки от картинки. сейчас он обтекает ее справа и снизу. пытаюсь прописать clear: right но ничего не происходит
  3. 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;}
  4. https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy