Как сделать размытие блока в конце,как на макете?
Как сделать такое рызмытие,которое в конце блока : Мой код : <!DOCTYPE html> <html> <head> <script defer src="indexS.js"></script> <styl…
Вопросы по тегу: css
- 0 ▲0 ответ.
- 1 ▲1 ответ.
Верстка блока с трансформацией
Как сверстать такой блок как на изображении? Но по умолчанию картинка правильной прямоугольной формы. Задача заключается именно сверстать такую форму с background-image. Прошу пом…
- 0 ▲1 ответ.
HTML&CSS Не отображается картинка в main
проблема заключается в том, что я в css в секции main (и класс тоже main) пишу background-image и т.д, а на сайте не отображается задний фон, вот кусочки кода, где это написано HT…
- 1 ▲0 ответ.
Как на половину скрыть блоки слайдера,как на макете?
Как можно скрыть на половину блоки,как на макете : Ссылка : https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Нужно,…
- 0 ▲0 ответ.
Адаптивная верстка не работает на iPhone
Я работаю над проектом с адаптивной версткой веб-сайта, но по какой-то причине медиа-запрос не работает на iPhone (хотя на других устройствах он отлично работает). Поскольку у мен…
- 0 ▲1 ответ.
Html select с прозрачным фоном
Мне нужен css с полностью прозрачным фоном, однако если сам элемент select этому поддаётся, то option нет. Ему можно поставить любой цвет, но если изменить прозрачность, то вместо…
- 1 ▲0 ответ.
Почему родительские html-элементы добавляют дополнительное пространство по высоте??? И как это отключить?
button { display: block; position: relative; padding: 0; } p { margin: 0; font-size: 16px; } svg { width: 40px; height: 40px; fill: #000; } div { width: fit-content; } <button&…
- 0 ▲1 ответ.
Как сделать такой слайдер, как в макете?
В макете такой слайдер: ссылка на этот слайдер: https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Чтобы можно было л…
- 0 ▲2 ответ.
Вопрос о медиа-адаптации CSS
Для медиа-адаптации указывать нужно и ширину и высоту: @media (orientation: portrait) and (max-width: 360px) and (max-height: 640px) {} или по отдельности? Просто, если указать вс…
- 0 ▲1 ответ.
Навигация Свайпера
Не могу понять, почему навигация не работает. Подключил все, как нужно, добавил кастомные стрелки и все равно, при клике на сами стрелки, ничего не происходит, слайд не прокручива…
- 0 ▲1 ответ.
Как подключить PHP файл
Всем привет! Пишу веб-шахматы по данному примеру https://www.youtube.com/watch?v=UCFGgqplbro&t=4143s дошел до работы с php файлом (это начинается на 1:23:25 на видео), где, ка…
- 0 ▲1 ответ.
Не работает JS код не могу найти проблемы вроде всё поключил
$(document).ready(function() { $('.menu_burgar').click(function(event) { $('.menu_burgar,menu_toggle').toggleClass('active'); }); }); .container { padding: 0 36px; margin: 0 auto;…
- 0 ▲1 ответ.
Почему не работает sticky на мобильных устройствах? | Table
У меня используются такие стили, чтобы сделать th в качестве sticky для многих устройств. Но работает только на ПК. th { background: white; position: sticky; top: 0; /* Don't forg…
- 0 ▲1 ответ.
Адаптивная верстка веб-игры для телефонов
У меня есть веб-игра змейка на JavaScript и у меня возникли некоторые проблемы со стилями и адаптацией на телефон. Картинка на компьютере выглядит так: Но на телефоне игра выгляди…
- 0 ▲2 ответ.
Привязать объект к правой части экрана с учётом внешнего padding
Мне нужно прижать навигационное меню к правой части экрана, оставив лого справа. Вот HTML : .content-type1 { padding: 30px; } .navigation { text-align: right; } .logo { width: 10%…
- 0 ▲1 ответ.
CSS Тень маркера img в списке <ul>
Подскажите, как можно задать тень списку и маркеру(img), чтобы получилось как на изображении ниже(прикрепил). ps. У меня получилось только с текстом. А картинка(маркер)остается бе…
- 2 ▲2 ответ.
Скругление углов внутри таблицы
Каким образом можно закруглить эту часть таблицы, всю таблицу сделал, но этот момент не могу понять как неужели нужно использовать псевдоэлемент? <table> <thead> <t…
- 0 ▲1 ответ.
Как поставить стрелки (слайдер) по бокам баннера?
Нужно поставить стрелки справа и слева посередине баннера, но они находится под баннером Делал без JS Код: HTML: <nav class="navbar"> <div class="container…
- 1 ▲1 ответ.
Сохранение пропорций изображения при изменения ширины
Сделал слайдер на Swiper JS. Хотелось бы, чтобы при изменении ширины экрана, пропорционально изменялась бы и высота картинки. Как это можно сделать? Ссылка на слайдер: [https://co…
- 0 ▲1 ответ.
Вертикально выровнять текст в CSS
Всем привет! Есть сайт - https://swiftagency.ru/ Нужно выровнять элемент cheat__text по вертикали, чтобы текст в карточках находился по центру.
- 0 ▲2 ответ.
не могу сделать похожий наплыв элементов
нужно сделать такой же наплыв углов вот что получается у меня код body { background-color: #cacaca; } .block { display: inline-block; width: 800px; height: 800px; background-color…
- 0 ▲1 ответ.
Как сделать несколько контейнеров, находящихся рядом друг с другом?
Я хочу сделать общий контейнер #profile-container, в котором слева будут profile-info, profile-details, profile-ratings контейнеры (и всё, что в них лежит), расположенные друг под…
- 0 ▲3 ответ.
Как сверстать блок с адаптивными линиями?
как сверстать блок, где линия,идущая между блоками, была адаптивной, в зависимости от текста слева?
- 0 ▲1 ответ.
Помогите пожалуйста пишу сайт на html css js не могу сделать опрос
Пробовала написать код на js чтобы он запоминал голоса но он не работает помогите пожалуйста вот код: const buttons = document.querySelectorAll('.vote-button'); const resultDiv = …
- -1 ▲2 ответ.
Проблема со статикой и фотками
Я скачал бесплатный html-шаблон для тренировки, проблема следующая: Пытаясь открыть страницу index через python manage.py runserver, мне почему-то выдаётся обычный текст без стиле…
- 0 ▲1 ответ.
Пропорциональное изменение блока
интересует следующий вопрос. Блоку задано соотношение сторон(aspect-ratio: 1 / 2) и вышина(height: 100vh). Соответственно вышина явно задана, ширина блока формируется из соотношен…
- 0 ▲1 ответ.
Исключить загрузку отдельных элементов при загрузке страницы html
У меня такая ситуация, на сайте есть камеры, когда страница загрузилась камера считывает просмотр хотя она не открывалась, все из-за того что страница полностью прогрузилась. Я по…
- 0 ▲2 ответ.
Увеличить div при наведении мыши
Такая проблема, нужно увеличить div при наведении мышки. Сделал через hover, но все пошло не по плану. Почемуто падинги при наведении на один блок срабатывают у всех блоков. Нужно…
- -1 ▲1 ответ.
Вёрстка контейнера с элементами разной ширины и высоты
Какой самый удобный и простой способ сверстать данный макет? Что лучше использовать grid или flex?
- 0 ▲1 ответ.
как убрать часть текста кнопки при изменении адаптивности
надо сократить содержимый текст кнопки при изменений адаптива на 320px