Как сделать такой изогнутый блок?
Как этот желтый прямоугольник также выгнуть в css?
Вопросы по тегу: css3
- 1 ▲1 ответ.
- 1 ▲1 ответ.
Почему height:100% не работает в данном случае?
Вот у меня есть контентная часть, которую я с помощью стиля 'flex' расположил автоматически между хедером и футером(в нем пока нет контента), мне нужно расположить секцию welcome …
- -1 ▲1 ответ.
Растянуть блок на всю высоту родителя
Как растянуть блок main__container на всю высоту родителя main, чтобы сетка grid заполнила весь main? HTML <div class="wrapper"> <header class="header"…
- 0 ▲1 ответ.
как сделать так чтобы при нажатии на поиск исчезли блоки
Добрый день или вечер проблема с JS мне надо чтобы при нажатии на input из div class=lil скрыл div class=ResContent HTML <!DOCTYPE html> <head> <link rel="styl…
- 0 ▲1 ответ.
css: плавное "выдвигание" созданного блока
подскажите, можно ли как-то реализовать плавное "выдвигание" <div /> блока (т.е. появление с 0 высоты до исходной высоты под каким-то другим блоком), если блок не …
- 1 ▲3 ответ.
Изображение для топ бордера
введите сюда кодУ меня есть контейнер, на верх этого контейнера в виде рамки мне нужно вставить изображение не меняя его основной стиль, я пытался вставить через border-top и back…
- 0 ▲2 ответ.
css: адаптивный размер текста (в зависимости от ширины блока)
Есть вот такой код в котором в одной полосе выводится 2 блока. Задача такая: левый блок занимает всё место, которое не занимает правый блок (пропусков между блоками нет) размер пр…
- 0 ▲1 ответ.
Как сделать контейнер имел max-width таким, чтобы левая часть была с отступом, а правая шла через весь экран
Нужно, чтобы грузовик касался правой части экрана, но при этом, чтобы левая часть с текстом имела такой же отступ как и у header а, нужно сделать это без позиционирования грузовик…
- 0 ▲1 ответ.
как в css для grid-а плюсануть к fr pixel
(два блока) вот так не работает grid-template-columns: calc(2fr + 8px) 1fr; grid-template-columns: (calc(2fr + 8px)) 1fr;
- -1 ▲1 ответ.
анимированное Меню бургер
Не получается создать значок в форме X, как можно исправить? .navbar__hamburger { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; he…
- 0 ▲2 ответ.
CSS-анимация с нажатием "Наведи на меня"
Как сделать анимацию с нажатием "Наведи на меня", чтобы вскочила "Подсказочка!" с блоком? Требуется решение БЕЗ JavaScript .block { position: absolute; width: …
- 1 ▲1 ответ.
Углы для контейнера
Очень хочу сделать вот такую рамку для своего контейнера но уже 4 день ничего не выходит. Вот мой код что я уже смог написать border: 5px solid #FFCF6E; clip-path: polygon(20px 0,…
- 0 ▲1 ответ.
CSS Как поставить элемент по центру экрана, что б не влияли на другие элементы?
Есть вот такой упрощенный пример body { margin: 0; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; background-color: #000; overflow: h…
- 0 ▲1 ответ.
По стандарту html, в ul можно вложить только списки li?
По стандарту html w3c в ul на первом уровне вложенности могут быть только списки li? Или можно вложить любой другой элемент и это не будет ошибкой? Просто случайно заметил что у м…
- 0 ▲1 ответ.
Выбрать элемент селектором CSS
Имеется такая структура: <label class="agreement__label"> <span class="wpcf7-form-control-wrap" data-name="acceptance-311"> <span clas…
- 0 ▲1 ответ.
Ширина правого блока в приоритете
.gl { display: flex; } .right { width: 90%; } <div class='gl'> <div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas </div&g…
- 2 ▲1 ответ.
Не работают stroke-dasharray, stroke-dashoffset
Все привет! Столкнулся с проблемой работы с svg path, ранее использовал для прорисовки линий stroke-dasharray, stroke-dashoffset - и все работало, но здесь что-то пошло не так и э…
- 0 ▲1 ответ.
Липкий первый столбец, липкая шапка и горизонтальный скролл в таблице
Как сделать липкие шапку и первый столбец (полностью первые ячейки в tbody и в thead) таблицы с горизонтальным скроллом? Без ограничений в высоте таблицы <!DOCTYPE html> <…
- 0 ▲1 ответ.
Не работает :last-of-type
В htm моя сетка построена так - в footer в блоке nav, я создал список из однотипны элементов, также они еще являются ссылками <nav class="footer__links"> <ul cl…
- 1 ▲1 ответ.
Как обратиться к элементу внутри элемента?
Как обратиться к тегу li, который находиться в div class="group"? Надо к каждому элементу li придать одно свойство через CSS, но без придачи class к каждому элементу li …
- 0 ▲0 ответ.
Самый оптимальным вариантом создания сайдбара по прежнему является float?
Ребята, создавать сайдбары все также лучше с помощью float-ов? Flex'ы не лучшее решение для них, а грид не такой кроссбраузерный как float и гриды конечно для более сложных случае…
- 0 ▲1 ответ.
Выбрать определенный элемент селектором css
Подскажите css селектор, чтобы выбрать все ссылки, кроме первой ("Страница 1"). Html структуру менять нельзя. <div class="breadcrumbs-wrapper"> <div c…
- 0 ▲0 ответ.
Неравномерное распределение текста при разбиении на колонки
Можно ли при разбиении текста на колонки (column-count) управлять равномерностью распределения текста по высоте? В частности, нужно чтобы текст не равномерно распределился по двум…
- 0 ▲1 ответ.
Как сделать полупрозрачную внутреннюю рамку у clip-pah элемента?
САБЖ: Есть дизайн у которого есть элементы со сложной формой в виде гексогона или ячейки сот. Внутри этого элемента есть имидж и иной контент. ПРОБЛЕМА: Необходимо сделать полупро…
- 0 ▲1 ответ.
Как убрать нижнюю грань в materialize при нажатии на input
Столкунулся с такой проблемой: при нажатии на <input type="text"/> у этого инпута появляется нижняя бирюзовая грань. Я уже копался в стилях этого инпута, но ничего…
- 0 ▲1 ответ.
Необходимо перенести выпадающее меню на передний план
Возникла проблема с выпадающем меню, его нужно перенести при нажатии на передний план, но мешает элемент с позиционированием sticky под ним, вот сам сайт - https://0398-46-172-28-…
- 0 ▲1 ответ.
Почему появляется резкий переход от последнего слайда к первому в Slick Slider?
Столкнулся с проблемой, делаю простой слайдер при помощи Slick Slider и наблюдаю резкий скачек от последнего слайда к первому если ставить режим infinite: true. $('#slick-slider')…
- 0 ▲0 ответ.
я задал для кнопки свойство overflow: hidden, чтобы блик на кнопке не выходил за границы, но блик почему-то частично остаётся, на мобилках особ айфон
.btn { position: relative; display: flex; overflow: hidden; background-color: black; border: 0.2rem solid #F8E31A; border-radius: 3rem; color: #F8E31A; width: 23rem; height: 6rem;…
- -2 ▲2 ответ.
Как извлечь текст из тега html при помощи js?
Вот html код: <ul id="btn-list" class="list-catalog list-catalog-sorting"> <li id="text-list" class="text-list">Дешевле - Дорож…
- 0 ▲1 ответ.
Реализовать поиск по скрытому списку ul -> li
Помогите пожалуйста. Покурил форум, слепил из двух решений одно, но оно, естественно, оказалось не рабочим. С js даже не на Вы. Коротко, что хочу сделать: Список. В нем дивы, раск…