3
голоса
Принятый
Добавлять тег <br> перед определенным словом если оно присутствует
Если в блоке price присутствует предлог "до", то необходимо добавлять перед ним тег br
Предложу такой вариант...
document.querySelectorAll('.price').forEach(o => {
o.innerHTML = o....
2
голоса
Добавлять тег <br> перед определенным словом если оно присутствует
Ещё один вариант, но без использования регулярных выражений:
document.querySelectorAll('.price').forEach( elem => {
elem.innerHTML = elem.innerHTML.split(' до ').join('<br/>до ');
})
....
2
голоса
Добавлять тег <br> перед определенным словом если оно присутствует
Как вариант:
document.querySelectorAll(".price").forEach((item) => {
let itemHTML = item.innerHTML;
if (itemHTML.includes("до")) {
let i = itemHTML.indexOf("до");
item.innerHTML = ...
2
голоса
Принятый
Как сделать такой слайдер на чистом Html css?
Что-то получилось. Надо смотреть через caniuse на поддержку другими браузерами, но у меня в 109 Google работает корректно.
https://codepen.io/andromeda3141/pen/XWoVgpe
.container {
padding: 2rem;...
2
голоса
Как изменить цвет картинки, сделанной кнопкой в html, скаченного с макета?
Как вариант можно использовать фильтры.
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
....
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 {
...
1
голос
Как поменять цвет со стандартного черного на белый и убрать opacity в свайпере в min.css?
Вариант выше конечно же рабочий, но чтобы редактировать какие-то значения в Swiper иногда можно воспользоваться переменными, что сам Swiper предоставляет в документации, например для модуля Pagination....
1
голос
Принятый
Как поменять цвет со стандартного черного на белый и убрать opacity в свайпере в min.css?
Если вопрос касается dot - то достаточно повысить приоритет стилей для них добавлением дополнительного родительского класса .swiper__box и определить все что нужно.
.swiper__box .swiper-pagination-...
1
голос
Принятый
Улетели кнопки свайпера на самый верх макета, как это можно исправить?
Если посмотрите документацию Swiper, то обратите внимаение, что всё начинается с элемента .swiper, потом идёт .swipper-wrapper в него уже добавляют слайды .swiper-slide.
Суть в том, что кнопки ...
1
голос
Принятый
Как изменить цвет картинки, сделанной кнопкой в html, скаченного с макета?
У вас стоит картинка в формате png, так нельзя.
Можно если формат svg и трогать свойство fill:
.button {
width: 50px;
height: 50px;
margin: 10px;
fill: grey;
}
.button:hover {
fill: red;...
1
голос
Как правильно называется title сайт, если искать через гугл и как его изменить? (см. скрин)
Спасибо за ссылку, надо было добавить - <meta itemprop="name" content="Example"/>
1
голос
Как перекинуть цифры на правую сторону ))) чтобы они встали ровно как на макете
inline-flex вам в помощь, только текст под волной придется абсолютно спозиционировать.
.section__sidebar {
display: flex;
flex-direction: row;
flex-direction: column;
}
.section__static {
...
1
голос
Как сделать картинку сбоку текста
.leftimg {
float: left;
/* Выравнивание по левому краю */
margin: 7px 7px 7px 0;
/* Отступы вокруг картинки */
}
.rightimg {
float: right;
/* Выравнивание по правому краю */
margin: ...
Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими
Связанные метки
html5 × 4400html × 2039
css × 1914
css3 × 1891
javascript × 1671
jquery × 454
вёрстка × 280
svg × 238
php × 218
canvas × 166
bootstrap × 123
css-animation × 118
веб-программирование × 113
видео × 91
flexbox × 76
анимация × 64
адаптивная-верстка × 45
frontend × 40
ajax × 39
svg-animation × 38
аудио × 35
wordpress × 34
reactjs × 32
python × 29
input × 26