yaparoff

При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?

кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом

Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18

Нет. Это не то что нужно реализовать. Если текст в две строки, то эта стрелка будет также в непосредственной близости и по середине по вертикали http://skrinshoter.ru/s/150818/6DbLEm6Z

Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj

Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw

Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u

Решил этот вопрос с помощью флексбокса https://codepen.io/anon/pen/JBvPzO Но осталась другая проблема: когда элементы уже не будут помещаться в контейнер, они должны перемещаться вниз, пока этого не происходит http://skrinshoter.ru/s/020818/ZJ09c3aV

Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a

Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve

С недавнего времени перестал проигрываться видеофон. Почему то этот баг происходит в Google Chrome, в Mozilla такого нет [ссылка удалена]

Задумка хорошая, но если изменить цвет бэкграунда, то стрелка станет не такой http://skrinshoter.ru/s/050718/HWdnmBMq?a Мне нужно как то в не зависимости от бэкграунда

Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP

Да, но теперь заголовок не центруется по вертикали, если он короткий http://skrinshoter.ru/s/050718/st2SY8xz

Скажите, как сверстать такую стрелку? Подмечу, что угол здесь не прямой, как у квадрата, а больше похож на угол шестиугольника. Размер стрелки: высота 40px, ширина 15px

Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU и переполненное содержимое скрывалось overflow: hidden почему то не помогает https://codepen.io/anon/pen/yErxLY

Задумка такая: форма выдвигается/задвигается за хедер. Но у меня когда она двигается она "проползает" сверху хедера. А по идее должна ползти под хедером, и ее не должно быть видно когда она ползет Попробовал решить это с помощью z-index - почему то не помогло Что делать?

mrnobody, вы очередной раз удивляете меня своей магией! Не до конца понимаю как это работает

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

да. Но тут немного другая верстка

Да, я как то так же хотел, но сначала не получилось. Сделал использовав display:table и display:table-cell Сейчас все ОК. Спасибо!

Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять

Я имел ввиду чтобы заголовок центрировался вертикально относительно этого (обвел красным) http://skrinshoter.ru/s/160418/DdxBrZQ0

Интересная задумка. Сделал. Но теперь почему то заголовок по нижнему краю выравнивается. А как сделать чтоб по центру выравнивался:

кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?