hike

Спасибо! Работает!

Здравствуйте! Проблема в том, что фон flex-элемента занимает по ширине окно браузера, а содержимое блока flex (при горизонтальной прокрутке вправо) остается без фона. Почему это происходит и как мне исправить? Мой пример: https://jsfiddle.net/edx5o927/

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

К сожалению, не подойдет, так как родитель - это блок, а не весь браузер. Видела, как делают трапецию двумя линейными градиентами. Может быть, треугольник тоже можно сделать с помощью градиентов?

Здравствуйте! Увидела в интернете множество рецептов как сделать элемент с нулевой шириной и высотой и широкими прозрачными границами, чтобы получился треугольник, например здесь https://css-tricks.com/examples/ShapesOfCSS/ Проблема в том, что такой треугольник не растягивается. Границе нельзя задать значение в процентах от ширины родителя. Мне же нужно, чтобы Triangle Top Left тянулся как фоновый рисунок треугольника, только без рисунка, средствами css. Как это сделать?

Все-таки никак не пойму, отчего футер перекрывает контент при уменьшении окна браузера в моем примере http://plnkr.co/edit/Fec2pBVzFcuKVQB8Zeea?p=preview , а в примере-оригинале не перекрывает http://getbootstrap.com/docs/3.3/examples/sticky-footer-navbar/ Я добавила все-лишь несколько ничего не значащих классов и перенесла относительное позиционирование с элемента html на элемент div.col-md-three. Больше ничего не делала, а поведение так разительно отличается. Почему?

Вот что представляет из себя карточка https://plnkr.co/edit/rEvO7fK4DhJ7zC8j41Y7?p=preview Как это сделать?

Решение, скорее всего, очень простое. У меня есть карточка товара. Название товара и изображение я могу сделать ссылками. Но вот как сделать ссылкой всю карточку - не знаю. Ведь блочные элементы и другие ссылки нельзя вкладывать внутрь ссылки. Есть ли идеи, как это сделать?

Не помогло. http://plnkr.co/edit/7sz7xL8KqXGwkkR7wnZD?p=preview .navbar{ padding-bottom:60px; } Да, это решает проблему с передергиванием изображения при выпадении меню, но не решает проблемы с перекрытием соседних пунктов при уменьшении окна браузера либо увеличении контента (кол-ва пунктов меню). Тогда при уменьшении кол-ва пунктов меню, последний пункт меню не будет прижат к низу экрана, а будет прилеплен к контенту. Такой подход к созданию меню применяют https://htmlacademy.ru/courses/50 и https://getbootstrap.com/docs/3.3/components/#navbar А как бы Вы сделали?

Пытаюсь прижать к низу элемент навигационного меню. Получилось абсолютно позиционировать эл-т относительно .navbar вот так http://plnkr.co/edit/q3nTJA48nmEgzjGG1LE1?p=preview Однако, при уменьшении окна либо увеличении контента (кол-ва пунктов меню) http://plnkr.co/edit/3RFQhisLDGvGDKrZ535g?p=preview, абсолютно позиционированный пункт меню перекрывает соседние пункты. Как исправить такое поведение? И еще вопрос. Для экранов планшетов и мобильных устройств (ширина < 992px) при разворачивании меню абсолютно позиционированный пункт перепрыгивает от конца контента к низу страницы. Визуально происходит передергивание изображения. Можно ли этого избежать?

AlexZaw, не поняла Ваш ответ.

Здравствуйте! Здесь http://htmlbook.ru/blog/kartinka-vmesto-chekboksa описан способ кастомизации чекбокса, и в первом же комменатрии спрашивают, куда тогда выводить текст метки. У меня тот же вопрос, а текст метки как вывести, если label используется под кастомизацию?

Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

Спасибо, что направили в нужное русло.

Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?