Category: вёрстка

04
Янв
2022

Как удалить элемент, в котором находится кнопка на чистом JS

Существует три квадрата. в каждом находиться кнопка.
Добился удаления квадратов по клику на них, но не по кнопке.
Классы у них одинаковые. Помогите пожалуйста.

const testDel = document.querySelector(‘.delis’)
const testBlock = document…

21
Дек
2021

Gulp. Ошибка RangeError: Maximum call stack size exceeded при добавлении нового кода

Есть проект, полагаю имеет смысл сказать в контексте проблемы, что работаю над действительно большим сайтом. Сборка работала корректно до определенного момента – просто добавил новый элемент (алерт об ошибке) в одну из подключаемых форм, и…

10
Дек
2021

Добавление тегов по клику на чекбоксы из фильтров

Имеется блок с фильтрами для товаров:

По клику на чекбокс, должен создаваться список тегов с отмеченными чекбоксами вида:

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

Вот код…

10
Дек
2021

Как вставить на страницу часть другой html-страницы?

Ситуация: на HTML-страницу нужно вставить один или несколько фрагментов с другой страницы. Нашел js, который позволяет вставить страницу целиком, но мне нужно вставить только фрагмент, например, поместить в DIVы нужный фрагмент и с помощью…

09
Дек
2021

Пуш в массив объектов в соответствующие категории, если они уже есть

За заголовок простите, не смог его сформулировать лучше.
Есть (ну как есть – я его создаю) массив объектов вида:

Часть элементов принадлежит к типу – Сезон, часть – к Размеры, хочу их объединить по категориям, получается так, что при пуше…

07
Дек
2021

Картинка на пересечении двух блоков

Подскажите, как правильно сверстать блок таким образом, чтобы на пересечении двух блоков была картинка? Если верстать через position: absolute, то при адаптиве на других разрешениях придется вручную подгонять положение этой картинки

05
Дек
2021

Как сделать длинный шестиугольник на JS?

Мне надо сверстать длинный шестиугольник. Я видел много примеров с обычным гексагоном, его можно сделать при помощи before и after, но проблема в не прямых углах на фото, то есть я не могу поставить с краю div::after, тк нужен именно тупой…

14
Ноя
2021

Browsersync – не работает удаленный доступ

Запускаю Browsersync в папке со статической версткой. Для доступа создаются два URL:
Local: http://localhost:3000
External: http://192.168.0.101:3000

С телефона захожу по адресу External, но ничего не загружается. Компьютер и телефон под…

12
Ноя
2021

Изгиб внутрь блока [дубликат]

надо сверстать такой navbar, а идей как это сделать нету.
Расскажите пожалуйста, как сделать такой изгиб во внутрь div-а, чтоб он огибал кнопку и если есть какие нибудь статьи или видео по тому, как этому научиться, отправьте, пожалуйста.

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

08
Окт
2021

Как при сборке шаблона HTML-письма заинжектить в него стили?

Мне нужно сверстать письма для рассылок, а в них желательно указывать стили инлайн. Есть ли возможность заменять в HTML/EGS-шаблоне классы на стили этого класса? Например, пишу в шаблоне:
<p class="style-font">

Есть класс …

16
Сен
2021

Как можно создать квадратную сетку (100 элементов х 100 элементов) из элементов 10px x 10px

Как можно создать квадратную сетку (100 элементов х 100 элементов) из элементов 10px x 10px, чтобы пока тянулась мышка по сетке, подсвечивались все элементы на расстоянии указателя от точки старта по оси X и оси Y? Подскажите, как это лучш…

15
Сен
2021

СSS свойство пагинации, зависящее от другого элемента страницы

Есть пагинация на сайте

Каким образом расположить пагинацию, чтобы она примыкала к нижней границе объемлющего элемента? Т.е. в css-свойствах пагинации

#pagination {
display: flex;
padding: 0;
margin-bottom: 0;
list-st…

15
Сен
2021

СSS свойство пагинации, зависящее от другого элемента страницы

Есть пагинация на сайте

Каким образом расположить пагинацию, чтобы она примыкала к нижней границе объемлющего элемента? Т.е. в css-свойствах пагинации

#pagination {
display: flex;
padding: 0;
margin-bottom: 0;
list-st…

06
Сен
2021

Как добавить картинкам на сайте зернистость и искажение при наведении?

Из названия уже понятна суть: есть простые картинки на сайте, добавляемые при помощи <img>. При наведении на любую картинку срабатывает анимация искажения. Искажение должно выглядеть в точности, как на примере, в котором это всё реал…

06
Сен
2021

Как добавить картинкам на сайте зернистость и искажение при наведении?

Из названия уже понятна суть: есть простые картинки на сайте, добавляемые при помощи <img>. При наведении на любую картинку срабатывает анимация искажения. Искажение должно выглядеть в точности, как на примере, в котором это всё реал…