d0ublezer0

Фиксированная высота родителя делает свое дело. Вопрос снят.

Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/

Неа. Проблема, похоже, в фиксированной высоте псевдоэлемента. А как сделать его масштабируемым пропорционально?

привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?

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

Сделал. Обновил pen: https://codepen.io/d0ublezer0/pen/bGpqgKY Все же, размер фигуры получится фиксированный, но это не страшно. Можно несколько размеров для популярных разрешений выставить. Вопрос к знатокам: насколько примененное решение стабильно?

Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и

Никак )) Я некорректно описал задачу. Точнее, пытался решить ее иначе.

Мне нужна была даже не столько сама тень, сколько визуальное отделение кнопок друг от друга. В итоге я использовал еще один псевдоэлемент, и навесил на него полупрозрачный градиент. https://jsfiddle.net/g0x7aj2v/

тогда проще отказаться от тени. мне были нужны "угловые" кнопки градиентным фоном и тенью что-то такое:

https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?

UPD: ошибка: #sizes_table вместо #_sizes_table Вопрос снят

https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?

form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без останов

Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?

Накопилось много лишнего. Как бы так пройтись по всему сайту, убрать ненужное и ничего не сломать?

https://jsfiddle.net/d0ublezer0/h4aLb7z6/9/ Я использовал для позиционирования технику, когда картинке задается float:left, а соседнему блоку overflow:hidden, чтобы блок не съезжал вниз. У второго пункта (криолиполиз) есть псевдоэлемент (новинка), который не видно из-за overflow:hidden родительского слоя. Есть какая-то иная техника, чтобы и картинка была слева и псевдоэлемент был виден?

https://www.farmadental.ru/doctors/margasov В работах обрезается тень у последнего элемента. Не смог найти, кто виноват. Подскажите?

Размеры явно не указаны. Содержимое действительно разное, такое ощущение что флекс тянется по "весу" элемента, основанному на количестве символов в нём.

https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько

спасибо, поправил $('body').on("change", "[name='virtuemart_shipmentmethod_id']", function (e) { var $method_id = parseInt($("[name='virtuemart_shipmentmethod_id']:checked").val()); $("#sel_id").text($method_id); });

https://jsfiddle.net/d0ublezer0/jytpbs08/1/ не пойму, почему так?

Есть более точное решение

Разобрался. заменил window.onload = resizeAllGridItems(); на window.addEventListener('load', resizeAllGridItems); На тестовой странице https://www.farmadental.ru/test.html всё заработало как надо, только вот на боевой странице https://www.farmadental.ru/doctors/balayan выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно. Вместо этого (как в тестовом файле) : https://prntscr.com/osz1gs Получаем это: https://prntscr.com/osz0xr

Привет! Есть галерея в конце страницы, построенная на masonry https://www.farmadental.ru/doctors/balayan Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример, демонстрирующий прекрасный результат Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные. Реально ли как-то добиться этого без использования JS ?