Category: вёрстка

04
Авг
2022

Как дать класс дочернему элементу конкретного родителя(несколько родителей с одинаковым классом)?

Есть свайпер со слайдами. Все слайды имеют одинаковые классы. В слайдах есть ul, в которой показаны только первые четыре li, а остальные должны показывать после нажатия на кнопку "Подробнее…". Но в прописанном мной JS-коде клас…

23
Июл
2022

Как сделать несколько разных слайдеров с превью?

Суть такая, у меня сайт хостела. И на главном номера, а у каждого номера фотографии и соответственно у каждого номера слайдер с фотографии и с превью (миниатюрами). Сайт у меня будет на вордпресс. Я реализовал один слайдер с помощью swiper…

18
Июл
2022

Не всегда срабатывает анимированное переключение картинок

Друзья, всем привет! Для начала немного введу в курс дела: делаю лендинг для фотостудии, на этом лендинге есть блок с фотографиями этой фотостудии, и в этом блоке данные фотографии размещены по тематическим секциям (групповые фото, портрет…

14
Июл
2022

Трудоустройство , после платных онлайн-курсов IT! [закрыт]

Доброго всем времени суток!
Вопрос: а кто-нибудь в реале берет на работу обучившихся по онлайн-курсам(конечно с условием , что данный человек ответственно учился и усвоил материал на 4-5 баллов) ? или они попадают в бесконечный шквал …

12
Июл
2022

CSS, JS. Горизонтальная строка с возможностью скролла

Долго мучаюсь и пытаюсь реализовать следующую бегущую строку с элементами.
Присутствует контейнер в котором расположены различные элементы, у него есть анимация бегущей строки (не тег marquee, а css анимация, но можно заменить и на JS). В …

10
Июл
2022

Как автоматически подогнать размер шрифта, чтобы он полностью заполнял контейнер и зависел от высоты контейнера?

У меня есть блок с фиксированной высотой и предполагается из админки вставлять в этот блок текст разной длины.
Мне необходимо, чтобы этот текст полностью помещался в контейнер и не выходил за высоту блока, чтобы автоматически назначался оп…

22
Июн
2022

Как зафиксировать блок при скролле, когда скролл доходит до нужного места?

У меня есть два блока, красный и синий. Красный – больше по высоте, синий – меньше.
Мне нужно сделать так, чтобы сначала скроллились оба блока, когда мы доходим до конца синего блока ( он меньше ), то блок фиксируется, а красный продолжает…

22
Июн
2022

Перенос div тегов на новую строку без изменения его форму

Всем привет. Подскажите пожалуйста как можно делать так чтоб div элементы растянулись на всю ширину равномерно (с помощью flex-grow:1; но когда div элементы переносились то меняется размер этих элементов но я хочу чтоб высота и ширина оста…

16
Июн
2022

Отступы блока фронтенд

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

@import “http://fonts.fontstorage.com/import/intro.css”;
.header,
.content {
position: relative;
padding: 5%;
ma…

14
Июн
2022

Компиляция. GULP. JS. Верстка. Ошибка при сборе

Такая проблема после запуска Gulp через git bash. Не создается или даже удаляется /dist/assets/js. Таск не происходит и js естественно не запускается.

Запись из Git
////// [20:07:00] Version: webpack 2.1.0-beta.22
Asset Size Chun…

12
Июн
2022

Правильный подход к вёрстке для react

Подскажите, пожалуйста, есть ли какой-то особый подход к вёрстке макета, если речь идёт о сайте на react? То есть, сначала просто верстается "безжизненная" версия макета html+css (+js при необходимости) любым удобным способом, а …

08
Июн
2022

Как перенести свою верстку товара в файл single-product.php woocommerce?

Начал осваивать Wordpress, используя плагин woocommerce. Не могу понять – как мне перенести свою верстку в файл single-product.php, чтобы с WordPress тянулась информация из карточки товаров.
На странице товара есть:
1)Название товара
2)2 с…

08
Июн
2022

Как перенести свою верстку товара в файл single-product.php woocommerce?

Начал осваивать Wordpress, используя плагин woocommerce. Не могу понять – как мне перенести свою верстку в файл single-product.php, чтобы с WordPress тянулась информация из карточки товаров.
На странице товара есть:
1)Название товара
2)2 с…

06
Июн
2022

Я вставил код яндекс карты на свой сайт, но не могу подрегулировать его местоположение на сайте, хочу разместить его снизу, а он посередине страницы

Вставил такой вот код: <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A93c55165dbf215f795ff45c2ce85dbc5c19153ee465f496e1a0be4cdf…

23
Май
2022

Как сделать плавным раскрытие вертикального многоуровневого меню?

Есть вертикальное меню-каталог с неограниченным уровнем вложенности. Я столкнулся с проблемой – не могу анимировать его раскрытие и закрытие. Свойство display не анимируется, height тоже. Есть ещё вариант с max-height, но всё это слишком г…

20
Май
2022

Не получается вставить <el-input> в <el-table-column>. Есть ли альтернативные варианты сверстать список

Нужно сверстать такой список с формами для ввода. Не знаю как добавить строчки row1 и row2. И не получается добавить форму ввода как на картинке с помощью <el-input>
<el-table class="table-striped"
:data="tabl…

16
Май
2022

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

Ещё полтора года назад я заинтересовался программированием, начал с Python, но после темы про ООП которую я не понял, я забросил это дело. После небольшого самобичевания я решил заняться геймдевом и разбирался сначала с Unity и C# а после …

14
Май
2022

Исчезает данные из console.log

Создаю ивент на кнопке, что по нажатию она будет считывать данные из инпутов и выносить их в консоль. Но на деле данные появляются в консоле и тут же пропадают. Заметил что адрес ссылки меняет (перезагружается страница с новым адресом). Ка…