Популярные ответы с меткой

3 голоса
Принятый

Добавлять тег <br> перед определенным словом если оно присутствует

Если в блоке price присутствует предлог "до", то необходимо добавлять перед ним тег br Предложу такой вариант... document.querySelectorAll('.price').forEach(o => { o.innerHTML = o....
ksa's user avatar
  • 6,381
2 голоса

Добавлять тег <br> перед определенным словом если оно присутствует

Ещё один вариант, но без использования регулярных выражений: document.querySelectorAll('.price').forEach( elem => { elem.innerHTML = elem.innerHTML.split(' до ').join('<br/>до '); }) ....
XelaNimed's user avatar
  • 3,647
2 голоса

Добавлять тег <br> перед определенным словом если оно присутствует

Как вариант: document.querySelectorAll(".price").forEach((item) => { let itemHTML = item.innerHTML; if (itemHTML.includes("до")) { let i = itemHTML.indexOf("до"); item.innerHTML = ...
rampoe's user avatar
  • 542
2 голоса
Принятый

Как сделать такой слайдер на чистом Html css?

Что-то получилось. Надо смотреть через caniuse на поддержку другими браузерами, но у меня в 109 Google работает корректно. https://codepen.io/andromeda3141/pen/XWoVgpe .container { padding: 2rem;...
Dark Space's user avatar
2 голоса

Как изменить цвет картинки, сделанной кнопкой в html, скаченного с макета?

Как вариант можно использовать фильтры. .saturate { filter: saturate(3); } .grayscale { filter: grayscale(100%); } .contrast { filter: contrast(160%); } .brightness { filter: brightness(0.25); } ....
WTFisGoingOn's user avatar
  • 1,103
1 голос
Принятый

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

div { display: flex; flex-flow: column wrap; width: 200px; height: auto; } input, textarea, button { flex: 0 1 auto; margin-bottom: 10px; width: 200px; height: auto; } input { ...
darinka poznyak's user avatar
1 голос

Как поменять цвет со стандартного черного на белый и убрать opacity в свайпере в min.css?

Вариант выше конечно же рабочий, но чтобы редактировать какие-то значения в Swiper иногда можно воспользоваться переменными, что сам Swiper предоставляет в документации, например для модуля Pagination....
De.Minov's user avatar
  • 23.5k
1 голос
Принятый

Как поменять цвет со стандартного черного на белый и убрать opacity в свайпере в min.css?

Если вопрос касается dot - то достаточно повысить приоритет стилей для них добавлением дополнительного родительского класса .swiper__box и определить все что нужно. .swiper__box .swiper-pagination-...
Arbery's user avatar
  • 2,271
1 голос
Принятый

Улетели кнопки свайпера на самый верх макета, как это можно исправить?

Если посмотрите документацию Swiper, то обратите внимаение, что всё начинается с элемента .swiper, потом идёт .swipper-wrapper в него уже добавляют слайды .swiper-slide. Суть в том, что кнопки ...
De.Minov's user avatar
  • 23.5k
1 голос
Принятый

Как изменить цвет картинки, сделанной кнопкой в html, скаченного с макета?

У вас стоит картинка в формате png, так нельзя. Можно если формат svg и трогать свойство fill: .button { width: 50px; height: 50px; margin: 10px; fill: grey; } .button:hover { fill: red;...
Тёма Kornishon's user avatar
1 голос

Как правильно называется title сайт, если искать через гугл и как его изменить? (см. скрин)

Спасибо за ссылку, надо было добавить - <meta itemprop="name" content="Example"/>
kukuFS's user avatar
  • 11
1 голос

Как перекинуть цифры на правую сторону ))) чтобы они встали ровно как на макете

inline-flex вам в помощь, только текст под волной придется абсолютно спозиционировать. .section__sidebar { display: flex; flex-direction: row; flex-direction: column; } .section__static { ...
Arbery's user avatar
  • 2,271
1 голос

Как сделать картинку сбоку текста

.leftimg { float: left; /* Выравнивание по левому краю */ margin: 7px 7px 7px 0; /* Отступы вокруг картинки */ } .rightimg { float: right; /* Выравнивание по правому краю */ margin: ...
Петр's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими