Здраствуйте, я решил, для практики в веб-программировании, создать интернет-магазин. Он должен с помощью базы данных phpmyadmin размещать товары в сетку. Все работает, но есть небольшая проблема: Каждая позиция начинается с новой строки и …
Я хотел бы инвертировать черный текст при наведении на него специального курсора -black-. Этот GIF демонстрирует эффект:
У меня не получилось сделать это с CSS и JS. Думаю возможно, должна быть какая-то комбинация с mix-blend-modes, clipp…
Столкнулся с проблемой вывода предупреждения перед отображением в теге img
Notice: Trying to access array offset on value of type bool in /var/www/html/wp-includes/media.php on line 1179Notice: Trying to access array offset on value of typ…
Пытаюсь присвоить цвет элементу через JS, но выдаёт ошибку
The specified value "" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
Выделил все не ра…
Подскажите как в слайдере swiperjs при листании с помощью левой кнопки мыши, сделать так что бы слайдер останавливался там, где отпустили курсор(чтобы слайд не пролистывался до конца, а останавливался)
Пример:
https://bondostavka.kz/ – кар…
Нужно сделать так, что бы при нажатии на кнопку сверху выезжал блок на середину страницы. Как такое можно сделать? Буду рад помощи.
…
Я хочу изменить источник изображения с помощью jQuery, но с анимацией.
У меня начальное изображение по умолчанию и есть 5 разных изображений с головой, смотрящей в разные стороны. При наведении курсора на определенное маленькое изображени…
[Примечание. Ищете кроссбраузерное решение, которое не мигает на мгновение background’ом между каждой волной слизи (goo), как видно из ответа @ccprog В идеале решение не должно включать ожидание окончания первой волны, чтобы начать отображ…
При верстке возник вопрос, почему при изменении ширины окна в панели разработчика браузера slic slider не изменяет ширину и столбцы а также стрелки переключения слайдов вылазют за окно собственно браузера. Одним словом сейчас он не respons…
У меня есть строка текста, которая переносится и в ней собственно находится кнопка, которая что-то делает. Как правильно сверстать подобную структуру?
…
На фрагменте видна картинка, которая находится в блоке, у которого в свою очередь есть фон, с обрезанным углом.
Мне нужно сделать так, чтобы у той самой картинки был обрезан угол, но я не могу понять, как это можно сделать. Буду очень приз…
Помогите реализовать такой input range на css/scss пожалуйста.
Никогда такого не делал.
Итак, я пытаюсь анимировать маркер в виде треугольника и текстовую подсказку вдоль пути заполнения.
var chart = d3.select(“#speedometer”);
const arc = d3
.arc()
.outerRadius(120)
.innerRadius(90)
.startAngle(-Math.PI / 2);
ch…
Получилось так, что элементы меню имеют особое подчеркивание (которое можно реализовать только используя position: rel/abs) и элементы на after, а subMenu должно быть во всю ширину экрана и я не нашла другого выхода как реализовывать его п…
Я хотел бы смоделировать "сканирующий" свет, который покажет слова в рамке, это мой код:
const e = document.getElementsByClassName(‘scan’)[0];
document.onmousemove = function(event){
e.style.left = `${event.clientX}px`;
};
…
Создаю приложение и нужно сверстать вот такую страницу. Меня интересуют конкретно 3 контейнера: хедер, сайдбар и главный контейнер(как я понял все через position: fixed, но не уверен наверняка). Не знаю как правильно верстать подобные стра…
Начал заниматься версткой месяца 2 назад, поэтому не совсем разбираюсь, насколько правильно сделана верстка и написан код, так что нужно, чтобы разбирающиеся люди помогли советом.
https://valeri-afk.github.io/Valeri-afk.github.io3/
…
При моей попытке построить простую текстовую карусель, я столкнулся с проблемой, которую трудно понять.
Макет простой. У меня есть оболочка и текст, который я хочу, чтобы карусель перебирала.
Однако проблема, с которой я столкнулся, наскол…
Всем, Привет
Давно интересует вопрос: "где найти больше информации о верстки нестандартных макетов?"
Очень вдохновляют работы с Dribbble, но не все классные идеи получается воплотить в реальность, т.к очень мало информации, стате…
варианты
<script src="…"></script>
<script xlink:href="…" />
<?xml-stylesheet type="text/js" href="…"?>
не работают
Как получить доступ к php переменной выборки данных $row = $result->fetch_assoc() (см. Вывод данных mysql при помощи php) и вывести значения этой переменой в html (блоке div)?
…
Недавно начал верстку сайта. Я задал transition почти каждому элементу на сайте – работает все красиво и слажено. Так вот сейчас стоит задача: сделать обратный transition, то есть задержку при отведении курсора. Подскажите как это можно ре…
Необходимо примерно такие чекбоксы проверить на то, что они выбраны, выбранные положить в массив и затем отправить выбранный массив через formData js чтобы потом этот массив отправился по почте.
<input class="checkbox__input" …
Вопрос инициирован топиком: Как анимировать отскок теннисного мячика
В этом вопросе отскоки были по вертикали
<svg id=”svg1″ version=”1.1″ xmlns=”http://www.w3.org/2000/svg”
xmlns:xlink=”http://www.w3.org/1999/xlink”
wid…
Есть SVG карта созданная на Raphael. Как можно анимировать маршрут между двумя кликами на карте, как например здесь
Пример на картинке –
На яндекс и гугл картах понятно, там свой API, но как сделать нечто подобное на SVG. Есть ли какие-то…
У меня есть список, по клику на элемент списка у меня отображается нужный слайдер(использую slick-slider). Если повторно нажать на элемент списка, слайдер ломается: отображаются иконки кнопок слайдера вперед/назад вместо слайдов. Переключе…
Вопрос: Когда добавляю новые узлы DOM в некоторый блок, то браузеры ведут себя по разному. В Firefox добавленные элементы уходят вниз вместе с кнопкой, а вот в google chrome кнопка остаётся на месте, а новые элементы уезжают наверх, что на…
Идея инспирирована ответом
<svg xmlns=”http://www.w3.org/2000/svg” width=”332″ height=”412″ viewBox=”0 0 1238 1648″ >
<defs>
<radialGradient id=”rg” r=”1″ fx=”0.25″ fy=”0.5″>
<stop offset=”0%” stop-c…
По макету нужно сделать такой блок:
Вроде бы ничего особенного. Я решил использовать swiper т.к. его дефолтные стили похожи на макетные. Я пока просто подключил его и получил следующие:
Как поставить стрелки на картинку?
Моя разметка:
&l…
На том же сайте Читай-город обнаружил, что в нем используется gValidator
Загуглил gValidator
но не понял как он практически применяется – с помощью
каких команд
и для чего?
…
Свежие комментарии