Как прикрепить начало одного блока и конец другого к диву?
Есть такой примерный рисунок: Нужно сделать так, чтобы конец блока black и начало блока white прикрепились к началу блока main. То есть, блок black и white делят страницу на 2 час…
Вопросы по тегу: css
- 0 ▲4 ответ.
- 0 ▲1 ответ.
Как сделать box-shadow и анимацию под родительский блок?
Использовать z-index не помогает, пробовал разными способами, на это свойство реакции совсем нет .header { display: flex; align-items: center; padding: 0 12px; background: #fff; m…
- 1 ▲3 ответ.
Как растянуть выпадающие меню на всю ширину экрана?
Всем привет! Подскажите пожалуйста как растянуть выпадающие меню на всю ширину экрана?(чтобы была заполнена область указаная стрелкой) nav ul { list-style-type: none; margin: 0; p…
- 0 ▲0 ответ.
Шрифты helvetica
Мне нужно вставить 2 шрифта helvetica lt std cond, helvetica lt std bold cond . На бреакпоинте @media (max-width: 767.98px) он становится helvetica lt std bold cond. Всё бы ничего…
- 0 ▲2 ответ.
Как написать CSS часть задания правильно?
По такой картинке требуется написать на html страничку, у меня всё в целом получилось, но по ощущениям код очень кривой и делать это нужно было не так, подскажите пожалуйста как с…
- 1 ▲2 ответ.
Почему background перекрывает название кнопки?
Я хочу сделать эффект при наведении на кнопку, чтобы background плавно менялся слева на право, но он меняется и закрывает надпись на кнопке, как это исправить? button:before { con…
- 1 ▲1 ответ.
масштабирование изображения внутри grid сетки css
При верстке сайта возникла проблема с реализацией сетки контента (выделил красным эту область) С позиционирование ячеек проблем не возникло, сделал все используя сетку grid (мне п…
- -1 ▲2 ответ.
Помогите пожалуйста сверстать Grid/Flex сетку
Как я могу сделать такую грид сетку или через flex?
- -1 ▲1 ответ.
Какие есть плагины или готовое решение чтобы сделать аккордеон на подобие как в макете?
:) Подскажите пожалуйста, какие есть плагины или готовое решение, чтобы сделать аккордеон на подобие как в этом макете который ниже на скриншоте?
- 0 ▲1 ответ.
Как сделать цветную дугу поверх окружности HTML
я новичок у верстке, практикуюсь на макете. Мой код HTML КОД В SCSS: От что получается у меня, если по логике делать. Подскажите пожалуйста как правильно мне сделать эти кусочки д…
- -1 ▲2 ответ.
Линейный градиент через CSS + фоновая картинка
Встала задача с версткой вот такой карточки: Изначально делал через background-image с добавлением иконки и линейного градиента, но возникла проблема, когда стало необходимо реали…
- 1 ▲1 ответ.
Почему height:100% не работает в данном случае?
Вот у меня есть контентная часть, которую я с помощью стиля 'flex' расположил автоматически между хедером и футером(в нем пока нет контента), мне нужно расположить секцию welcome …
- 1 ▲2 ответ.
Проблема с CSS (nth-of-type) при фильтрации элементов в таблице
Есть примерно такая таблица с фильтрацией по категориям: <!DOCTYPE html> <html lang="en" > <style> .responsive-table tbody tr:nth-of-type(even) { background-colo…
- 0 ▲1 ответ.
Не работает CSS файл с динамическими страницами go gorilla/mux
Всех приветствую Пишу бек на go и обрабатываю динамические файлы сайта с помощью gorilla/mux. rtr := mux.NewRouter() rtr.HandleFunc("/post/{id:[0-9]+}", show_post).Metho…
- 0 ▲0 ответ.
Слетает верстка при возобновлении работы браузера
Наблюдается проблема в мобильном браузере. При возобновлении работы из фонового режима слетает верстка css. Опытным путем было установлено, что не подгружается и не берется из кеш…
- 0 ▲1 ответ.
Как адаптивно вставить Youtube Shorts на сайт?
Использую Bootstrap 4 при вёрстке. Задача: вставить адаптивное видео в формате шортс с Youtube (вертикальное видео). Для горизонтальных у Bootstrap есть пример <div class="embe…
- 1 ▲0 ответ.
Как назначить один keyframes на отмеченное и неотмеченное состояние input type=radio?
:root { --accent: #1bba4b; --padding: 2px; --m: 40px; --f-m: 16px; } label { background: var(--accent); height: var(--m); padding-left: calc(var(--m) + var(--padding)); display: i…
- -1 ▲1 ответ.
Как сделать такую сложную анимацию на CSS?
Есть картинки мяча и ворот: Как можно на CSS сделать такую анимацию? Мяч качается по дуге и вращается по часовой стрелке зацикленно. Анимация плавная, без рывков и нелинейная. Что…
- 0 ▲1 ответ.
Создание карточек с информацией и аватарками
Увидел недавно на одном сайте карточки с информациями о человеке, и хочу сделать такие же, только проблема я условный новичок в CSS, HTML, я буду очень благодарен если кто-нибудь …
- 0 ▲1 ответ.
Пропала анимация текста с помощью @keyframes после добавления модального окна
уважаемые программисты! Пропала анимация текста, после того как добавил модальное окно регистрации и входа. Буду благодарен за помощь! index.html <!DOCTYPE html> <html la…
- 0 ▲0 ответ.
Как можно переопределить стили и добавить css-классы для готового react комонента?
Есть такой компонент в билиотеке @ap-cx/react-fullpage: var FullpageNavigation = /*#__PURE__*/function (_PureComponent) { _inherits(FullpageNavigation, _PureComponent); var _super…
- 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 ▲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 назначить скрытие ненужного столбца в таблице Нужно выбирать часовой пояс и именно время этого часового пояса будет отображаться в…