borus

Спасибо, все оказалось просто. А нужна ли в принципе кнопка с type=submite в функционале поиска на мобильниках? Там если не ошибаюсь есть кнопка "Ввод" на клавиатуре

Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

Простите, мне лучше словами Чтобы поставить скругление и ширину границ? Какие с этим встречаются проблемы?

Здравствуйте. Думаю над дизайном мобильной версии. Пытаюсь вспомнить и не вспоминаю, чтобы в дизайнах под мобильники использовались кнопочки, нажимая на которые страница прокручивается к верхней части. Это так, обычно такая прокрутка не используется на малоформатных устройствах?

Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;

а в какой последовательности вы бы поставили блоки в html? как в мобильной версии или как в десктопной?

Доброе утро! Спасибо, стили я изучаю, но пока не понимаю в какой последовательности все-таки должны идти эти блоки в html коде. Ведь последовательность размещения блоков в двух представленных картинках фундаментально различается на мой взгляд. Может я нарисовал несовместимые в одном шаблоне схемы?

Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.

да, стили одни и те же для двух страниц. Почему же они по разному выглядят?

Здравствуйте. Скажите, пожалуйста, как понять, что меняет размеры элемента с классом .abv_wrapper на этой странице по сравнению с главной? Из-за разных размеров элемента у обертки нет белого фона на приведённой странице

Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

Здравия желаю. Надо было такой стиль написать: .product-field.product-field-type-S:not(:first-child){margin-top: 7px;}

Здравствуйте. На странице у майки есть два выпадающих selecta, для некоторых других товаров селектов может быть и больше. При этом они не имеют прямого общего родителя и как понимаю использовать first-child и его комбинации не получится. Можно ли как-то на css подцепить эти селекты, начиная со второго и далее одним селектором?

я так и делал, только показываемые размеры говорили о том, что элемент имеет ширину всего контейнера, в котором выводится шапка...

Дорогой @Great Rash, доброе утро. Оказывается не хватало единственного стиля overflow:hidden; чтобы правый блок подстраивался под оставшуюся ширину. Почему оно так радикально повлияло на этот момент, ведь по букварю оно просто управляет тем, будет ли содержимое блока выходить за его пределы или нет, а не управляет его шириной? В инструментах разработчика Хром .header-contacts отображался на всю ширину его родителя, поэтому я удивлялся почему телефоны не были в одну строку... А как же вы поняли, что этот многострадальный .header-contacts был шириной с колонку? У вас наверно более совершенные инструменты разработчика?

Задал. Пока не сильно приблизился к требуемому варианту. Есть ещё два вопроса, простите, что так много 1. Как сделать .header-contacts занимающим всё оставшееся после .our_logo пространство? 2. Почему .tel1 и .tel2 располагаются один под одним вместо 1 строчки? У них ведь display: inline-block;

я смотрел с двух компьютеров, все как я вам показывал на принтскринах... я почистил кэш в админке где только смог. может вы попробуете ещё раз, желательно в неиспользуемом браузере?

хм... мы определённо смотрим на один и тот же сайт, только как будто у вас старая разметка, а у меня новая... Похоже у вас старая версия хранится. Может кэш вы как-то можете почистить? Или это мною в настройках используемого шаблона от RocketTheme должно делаться?

вот: нет такого

Не понимаю, откуда это у вас. Вот что показывает Хром:

1) У вас position: absolute; там, а тот метод работает только на элементах без позиционирования. 2) Должна быть задана высота у родителя. И вообще вы так и не поняли то, что я вам советовал, и снова всё неправильно сделали. Доброго утра. Благодарю. Я пробовал сделать как вы советовали, то есть раскидать шапку в .rt-grid-8 и .rt-grid-4, если вы про это. Это приводило к пропорциональному сужению столбцов при масштабировании области просмотра. А нужно, чтобы столбец с картинкой лого оставался до определенных пределов с постоянной шириной. Поэтому я отказался от использования классов .rt-grid-8 и .rt-grid-4 перешёл к разметке, в которой правый столбец подстраивается под оставшуюся ширину, будучи блочным элементом. Возвращаясь к последнему вашему ответу: 1.Если вы про элемент .logo-transcription с position:absolute - я его убрал. 2. На счёт высоты родителя: у родителя с классом .header-contacts стоит height: 100%; что по местному учебнику должно задавать высоту размером с высоту родительского элемента div с набором классов rt-grid-12 rt-alpha rt-omega. Почему же не растягивается .header-contacts по вертикали?

Здравствуйте! Если применяю вертикальное выравнивание по этому методу, то .header-contacts (с Москвой и Пятигорском) здесь перестаёт занимать всю оставшуюся после логотипа ширину... Можно ли как-то заставить таблицу занимать всю оставшуюся после .our_logo ширину?

Спасибо. Попробовал выровнять по вертикали содержимое .header-contacts с телефонами как Вами было описано здесь при вёрстке дивами. Не срабатывает. Скажите, в чем моя ошибка? Если применяю вертикальное выравнивание по методу два с display:table-cell, то .header-contacts перестаёт занимать всю оставшуюся после логотипа ширину...

Подправил примерно как вы предложили. Есть код разметки: <div class="header-contacts"> <div class="tel1"><a href="tel:+79661718334">(966)171-83-34</a><br><span>Москва</span></div> <div class="tel2"><a href="tel:+78793338085">(8793)33-80-85</a><br><span>Пятигорск</span></div> </div>И стиль к нему .header-contacts { .tel1, .tel2{ display: inline-block; width:50%; }} Скажите, почему при 50% .tel1 и .tel2 всё-таки не умещаются на одной строке и приходится указывать 49%?

Благодарю. Вы знаете, на реальном примере я плыву, там адаптивный шаблон на Gantry, столько написано... Может вы подскажите как быть здесь, чтобы сохранить адаптивность? Нужно чтобы Пятигорск и Москва с телефонами ютились так, как вы сделали, в оставшемся после лого пространстве