Vue CSS переиспользуемые классы
Как во Vue сделать переиспользуемый класс? Например,я хочу чтобы класс .button был глобальным для всех компонентов, а .test-button только для этого компонента. Как это можно сдела…
Вопросы по тегу: css
- 0 ▲0 ответ.
- 0 ▲1 ответ.
при создании темы для Word Press не работает файл functions.php
Подскажите пожалуйста. Хочу натянуть тему на WP, но ничего не выходит. Добавил в тему файлы структура такая: Разделил header и footer в index.php добавил функции <?php get_head…
- 0 ▲2 ответ.
Убрать активность ссылки в одном пункте меню
Помогите, пожалуйста. Суть задачи, сделать так, чтобы при наведении на слово МЕНЮ выпадал список, но нажать на само слово МЕНЮ было нельзя(убрать кликабельность), но при этом у пу…
- -3 ▲2 ответ.
Здравствуйте у меня вопрос поводу написания живого поиска в Html, css, JS
...Нужно, что бы вариантов ответа не была видно, как это сделать ? const search = () => { const searchbox = document.getElementById("search-item").value.toUpperCase(); const st…
- 0 ▲1 ответ.
Размер кнопки не равен размеру контента в ней
Не понимаю, почему размер кнопки 24x27, если размер контента (иконки) 24x24? button { padding: unset; background-color: unset; border: unset; } <button> <svg xmlns="http:…
- 0 ▲0 ответ.
Почему слик слайдер растягивает блоки?
При указании ширины самого слайдера происходит следующая ситуация. Слайдер как-будто не хочет становится по центру. .team { padding-top: 100px; padding-bottom: 163px; background: …
- 0 ▲0 ответ.
Почему не выводится текст на сайте?
Почему то сама надпись "Онлайн курсы Алексея светлого" не выводится, зато изменения в классе "intro" появляются, если, допустим, поменять цвет фона. И если над…
- 0 ▲2 ответ.
Кривое отображение текущего значения range slider-а
Всем привет. Сделал range-slider, и написал код для отображения текущего значения под ползунком. Проблема в том, что блок с текущим значением отображется со смещением. Мне нужно о…
- 0 ▲2 ответ.
При нажатии на SVG с изменить значение числа другого блока
Есть такой блок с одним + и одним - , нужно сделать так , чтобы при нажатии на эти блоки менялись значения в зависимости от нажатой кнопки. Соответственно + должен увеличивать чис…
- 0 ▲0 ответ.
Элемент неверно изменяет свою ширину
Я бы хотел создать карточку (используя Bootstrap) с такими правилами: карточка имеет минимальную ширину 250px (карточка #1 - корректно отображается) если первая строка длиннее 250…
- 0 ▲0 ответ.
Вложенная сетка в Bootstrap 4
По заданию нужно, используя сетку Bootstrap 4 сверстать секцию, состоящую из левого блока с классом "col-xl-3 col-lg-4", содержащим только заголовок секции, и правого с …
- 0 ▲1 ответ.
Написал swiper, но при увеличении экрана (zoom) ведёт себя ужасно, как исправить?
Написал swiper, но словил баг (при расширении экрана zoom) всё дёргается — видео. Demo. Код swiper: // Initialize Swiper var swiper = new Swiper(".mySwiper", { slidesPerView: "3",…
- 0 ▲1 ответ.
Как правильно сделать мини табличку с 3-мя полями?
Есть вот такая небольшая табличка Как создать правильную структуру этой таблицы, чтобы все отображалось корректно? Моя структура и код: .calc-table{ display: flex; justify-content…
- 0 ▲2 ответ.
Как реализовать смену картинок с переворотом?
Мне нужно реализовать бесконечную смену картинок, но чтобы при смене они переворачивались, как это лучше сделать? То что сейчас у меня есть работает не совсем правильно. Что мне н…
- 0 ▲1 ответ.
Parallax скролл с отслеживанием количества скроллов
Пытаюсь сделать анимацию такого рода: https://www.vidline.com/share/V04OHRAM2B/ab9f278fa1c7a692c6b68f60a166ed11, но совсем зависла над реализацией. Буду рада идеям) Опишу логику…
- 0 ▲1 ответ.
Как сделать, чтобы слайдер обрезался только с левой стороны?
Как сделать, чтобы слайдер обрезался только с левой стороны? То есть, чтобы с правой стороны он был виден. Сейчас обрезается с двух сторон, схематически на скрине. var swiper = ne…
- 0 ▲1 ответ.
Показать скрыть текст на JQuery
Я написал функцию на jquery, которая реализует поведение показать/скрыть текст по клику по кнопке "подробнее". Все работает, но когда на странице 2 подобных блока, то он…
- 0 ▲1 ответ.
Сделать список разворачивающимся на мобильных
Есть обычный маркированный список <ul> со множеством элементов. Нужно на мобильных устройствах выводить только первые 5 пунктов, а дальше ссылку "Развернуть список"…
- 0 ▲1 ответ.
Как отобразить таблицу внутри border-box?
section { width: 90%; margin: 10px; border: 5px solid skyblue; padding: 10px; } <section> <h2>Soft Skills</h2> <table border=1> <tr> <th>Положи…
- 0 ▲1 ответ.
Как поменять блоки в хедере местами при адаптиве?
Как видно на скринах, нужно поменять местами вообще разные элементы в разные стороны. Как это можно удобно сделать?
- 1 ▲1 ответ.
Хром не отражает часть текста
Есть код, в котором на div с фоновым изображением наложен прозрачный текст (color: transparent. Последние две буквы текста обернуты в отдельные дивы и отражены по горизонтали (tra…
- 0 ▲0 ответ.
Когда мы делаем адаптив сайту, нужно делать адаптив для планшетов начиная от указанной ширины в МАКЕТЕ или приблизительной ширины планшетов?
Имеется ввиду, если в макете дизайнера в фигме допустим вариант сайта для планшетов начинается с 764px ширины, то нужно начинать верстать вариант для планшетов (или телефонов) для…
- 0 ▲0 ответ.
Ломается задний фон и элементы сайта при изменении окна viewport
Есть вот такой главный блок сайта : При ширине viewport 1440px блок выглядит нормально , но если начать заходить в ширину ~800px начинает появлятся огромная белая полоса справа И …
- 0 ▲1 ответ.
Некорректно работает margin-top
Друзья, всем привет, подскажите пожалуйста, почему у меня margin-top работает на всю страницу вообще, а не на логотип, как я указал? <!DOCTYPE html> <html lang="ru&q…
- 0 ▲1 ответ.
Здравствуйте, у меня вопрос по поводу адаптивной вёрстки
Я собираю вёрстку, хочу добавить туда возможность адаптации, это нужно сделать с помощью @media? Я уже попытался применить @media однако выходит не правильно. Подскажите, пожалуйс…
- 0 ▲1 ответ.
Блок накладывается на блок
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini…
- 0 ▲1 ответ.
Как обойти обрезку элемента при overflow: auto у контейнера?
Как сделать чтобы блок имел overflow: auto, появлялся скролл при его переаолнении и при этом его дочерние элементы спозиционированные absolute не обрезались? <div class="c…
- 0 ▲1 ответ.
Есть 3D viewer формата JSON. Как можно изменить его так, чтобы открывалась и обрабатывалась та модель, что пользователь выберет в <input/>
Есть плагин на Revit https://github.com/va3c/RvtVa3c. также есть сам Viewer https://github.com/McCulloughRT/Rvt3js Пока тестирую на локальном компьютере используя live server на V…
- 0 ▲1 ответ.
Не работает свойство transform: scale()
Есть следующий html и css код: <article class="why-us"> <div class="why-us__head"> <div class="why-us__title">WHY CHOOSE US <br&…
- 0 ▲1 ответ.
Почему при загрузки сайта на секунду появляется картинка с другого блока?
недавно столкнулся с такой проблемой, что при загрузки сайта на секунду появляется картинка с другого блока(будто бы смещается), затем подгружается видео, особенно видно когда бес…