Как адаптивно вставить Youtube Shorts на сайт?
Использую Bootstrap 4 при вёрстке. Задача: вставить адаптивное видео в формате шортс с Youtube (вертикальное видео). Для горизонтальных у Bootstrap есть пример <div class="embe…
Вопросы по тегу: html
- 0 ▲1 ответ.
- 1 ▲1 ответ.
На странице ToDo две кнопки добавления, для High и Low. Кнопка в High добавляет запись, а в Low ничего не происходит
На странице ToDo есть два раздела приоритетов: High и Low. У каждого раздела есть поле с вводом задачи и кнопка добавления задачи. У раздела High в принципе работает, но в Low воо…
- 0 ▲1 ответ.
Создание карточек с информацией и аватарками
Увидел недавно на одном сайте карточки с информациями о человеке, и хочу сделать такие же, только проблема я условный новичок в CSS, HTML, я буду очень благодарен если кто-нибудь …
- 0 ▲1 ответ.
Пропала анимация текста с помощью @keyframes после добавления модального окна
уважаемые программисты! Пропала анимация текста, после того как добавил модальное окно регистрации и входа. Буду благодарен за помощь! index.html <!DOCTYPE html> <html la…
- 0 ▲1 ответ.
Проблема с плавным переходом градиента кнопки "Оплатить" при наведении курсора в CSS
Я разрабатываю сайт приема пожертвований для своего бота на Django и столкнулся с проблемой при работе с CSS. Я создал кнопку "Оплатить" с градиентом, и хотел, чтобы при…
- 0 ▲0 ответ.
Помогите с этой магией
https://outlets-pinko.ru/product/baby-love-bag-puff-maxi-quilt-black/ если листаешь вниз там галерея и при нажатии на любую фотку эта фотка появляется вместо основной на пк, и есл…
- 0 ▲1 ответ.
Как перенести вниз текст?
Текст Go to listen хочу перенести под текст с анимацией вниз, но не могу, буду благодарен за ответ! * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Montserrat", s…
- 0 ▲1 ответ.
Как правильно расположить элементы внутри флекс-контейнера и задать им размер?
Подскажите, пожалуйста, как правильно, без костылей, расположить элементы внутри флекс=контейнера. Без margin'ов у меня не получается раскидать элементы по их местам... Но ведь же…
- 0 ▲0 ответ.
Почему появляется ошибка POST http://127.0.0.1:5500/data.xml 405 (Method Not Allowed)?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Л.р.7</title> <link rel="stylesheet" hre…
- 0 ▲2 ответ.
Как добавить класс при hover на элемент с помощью css?
как добавить класс при hover? попробовал .el:hover.class{}; но не получилось, или это невозможно? просто хотелось реализовать чтобы при ховере на прокручиваемого элемента сам body…
- 0 ▲1 ответ.
Верстка с сылкой внутри которой ещё ссылки)
Блок с ссылкой в ссылке) Как-то так, просто чтоб наглядней было выглядит структурно так это так <div class="container_flex"> <div class="flex_items" style="display: flex;…
- 0 ▲1 ответ.
Верстка рейтинга
Подскажите пожалуйста как правильно верстать систему рейтинга. Просто я не понимаю как правильно и задавать эти звезды, тип кнопкой или ссылкой? И что должно происходить при нажат…
- 0 ▲1 ответ.
Картинка не встраивается в контейнер
Хочу логотип разместить, но не могу подстроить его под контейнер. Она просто обрезается. Не знаю в чем дело, может быть потому что флекс-элемент? <header> <div class=&quo…
- 0 ▲1 ответ.
При выборе radio показывать нужный раздел
Хоть убейтесь, не выходит у меня на radio button назначить скрытие ненужного столбца в таблице Нужно выбирать часовой пояс и именно время этого часового пояса будет отображаться в…
- 0 ▲1 ответ.
Выравнивание по флексбоксу
Существует мобайл-версия шапки следующего вида: <header class="header"> // .header {display: flex} <div class="header__logo"></div> <div c…
- 0 ▲0 ответ.
Не работает таблица на js
У меня есть таблица на HTML и такая же таблица на JS.В них находится скрипт меню дерева. Проблема заключается в том, что скрипт меню дерева работает с HTML, а с написанной таблице…
- 0 ▲0 ответ.
Как задать отступ у элементов слайдера?
Мб я что-то не понимаю или другое, но я не знаю как задать отступ у элементов слайдера. Margin не работает, или я где-то ошибся.. $(function() { $('.team-slider__items').slick({ i…
- 1 ▲2 ответ.
Множественная замена , нескольких подстрок в строке, на разные заменяемые значения String.replace js javaScript
Всем доброго времени суток, нужна помощь в решении не большой задачи: Нужно в строке , заменить несколько подстрок, разными значениями , первая подстрока на значение переменной , …
- -1 ▲1 ответ.
Background-image не работает/не отображается
Хочу вставить две картинки на бекграунд. Не могу понять, что не так делаю, вроде бы пути указаны правильно, другая подобная картинка в информационном блоке работает, а бекграунд н…
- 0 ▲1 ответ.
непонятное сжатие страниц
Я создал сайт и указал всем блокам минимальное допустимое значение в min-width: 1300px; Проблема в том, что когда я открываю devtools и сжимаю сайт через браузер все хорошо сжимае…
- 0 ▲2 ответ.
Как сделать чтобы изображение svg при наведение меняло цвет?
Не могу понять как сделать, чтобы при наведение на иконки-менялся фон иконки. Я делаю через hover-у меня не получается. Буду признателен любой помощи. .img{} .img:hover{ fill:blue…
- -1 ▲2 ответ.
Vue не отображается дата в поле <input>
С сервера получаю объект offer с переменной createdAt: "2023-03-27T16:13:21" В компоненте Vue соответственно пытаюсь отобразить ее следующим образом <label>Дата со…
- 0 ▲1 ответ.
кнопки play на js
Доброго времени суток господа, подскажите пожалуйста, как у текущей кнопки удалить класс? Уже всю голову сломал... //header-buttons let musicBoxBtn = document.querySelectorAll('.h…
- 0 ▲0 ответ.
Как менять задний фон при наведении на блок
Как сделать так , что бы при наведении на card, менялся задний фон у four__screen ? .four__screen { height: 100%; width: 100%; position: relative; display: flex; align-items: cent…
- 0 ▲1 ответ.
Фиксация левой и правой колонки при прокрутке страницы
Подскажите, пожалуйста, как зафиксировать левую и правую колонки при прокрутке страницы? При использовании Fixed блоки съезжают... .layout { margin: 0 auto; max-width: 950px; } .c…
- 1 ▲2 ответ.
Как сделать такой блок без абсолютного позиционирования
Как сделать такое БЕЗ использования абсолютного позиционирования. Как "Поиск напарника" поместить на центр страницы, а не центр оставшейся площади для него
- -2 ▲2 ответ.
Как сделать смещение вверх и вниз с помошью css анимации по нажатию кнопки
Мне надо сделать эффекс переключения страниц с помошь. css анимации. При нажатии на кнопку страница поднимается вверх. При нажатии на вторую кнопку эта анимация плавно перемещаетс…
- 0 ▲1 ответ.
текст на видео в полноэкранном режиме просмотра видео
Подскажите пожалуйста, как сделать плашку с текстом, которая будет отображаться при просмотре видео в полном экране? Получается сделать только когда видео не на весь экран.
- 0 ▲3 ответ.
Как отключить полосу прокрутки для навигационной панели в HTML/CSS?
Есть шаблон страницы, содержащей навигационную панель и контент отдельными блоками. При переполнении страницы в content появляется полоса прокрутки, которая задевает navbar. Сама …
- 0 ▲0 ответ.
Как добавить анимацию появления блоков?
Сейчас при переключении табов display none и block, мягкое переключение нужно. const swiperCASES = new Swiper(".mySwiper", { slidesPerView: 2, grid: { rows: 2, }, spaceBetween: 25…