Верстка блока с трансформацией
Как сверстать такой блок как на изображении? Но по умолчанию картинка правильной прямоугольной формы. Задача заключается именно сверстать такую форму с background-image. Прошу пом…
Вопросы по тегу: вёрстка
- 1 ▲1 ответ.
- 0 ▲2 ответ.
Вопрос о медиа-адаптации CSS
Для медиа-адаптации указывать нужно и ширину и высоту: @media (orientation: portrait) and (max-width: 360px) and (max-height: 640px) {} или по отдельности? Просто, если указать вс…
- 0 ▲1 ответ.
Почему не работает sticky на мобильных устройствах? | Table
У меня используются такие стили, чтобы сделать th в качестве sticky для многих устройств. Но работает только на ПК. th { background: white; position: sticky; top: 0; /* Don't forg…
- 0 ▲0 ответ.
Как адаптировать в CSS так же?
На странице регистрации Facebook https://ru-ru.facebook.com/ я заметил, что под кнопками и полями ввода имеется белый квадрат. Когда я изменяю разрешение экрана через DevTools, эт…
- 0 ▲0 ответ.
Как реализовать автоматическое изменение размеров одного элемента в зависимости от размеров другого?
Всем привет. У меня есть элемент-прямоугольник registration-overlay, который находится под двумя кнопками. Мне нужно, чтобы registration-overlay был "привязан к ним" и п…
- 1 ▲1 ответ.
Как спозиционировать дополнительные элементы управления видео чтобы они не слетали при разворачивании на весь экран?
Чтобы добавить дополнительные элементы управления в тег video оборачиваем его блоком и относительно данного блока позиционирую элементы(position: absolute). <div class="re…
- 0 ▲1 ответ.
Ошибка размера родителя при адаптации в CSS
Я задал родителю ширину в 1280px, но при адаптации для маленьких скринов обнаружил, что этот элемент имеет ширину не в 1280px, а около 440. С чем это связано? css: .registration-f…
- 0 ▲1 ответ.
Чтобы блок display: flex не вылезал за границы родительского блока при растягивании его содержимого
Видео плеер находится внутри блока div(.relatVid) с помощью которого на видео позиционируются элементы управления и прочее. Нужно вписать блок div(.relatVid) в div(.videBlock) так…
- 5 ▲3 ответ.
Помогите в решении нестандартного блока на html css
Кто знает как решить данную задачу? Возможно есть уже какое то готовое решение сохраненное на кодпене или может быть кто то сталкивался с похожей задачей и сможет поделится её реш…
- 1 ▲2 ответ.
Адаптация под разные устройства
сверстал сайт, версткой занимаюсь не так давно, на широких экранах выглядит довольно прилично, но вот с мобильными у меня проблема, не могу увеличить шапку сайта на весь экран, ей…
- 0 ▲0 ответ.
Кастомный select или css appearance
Нет ли проблем с кроссбраузерностью при изменении стилей нативного select с помощью appearance? Сейчас делаю select с нуля(с помощью `divов, aria-атрибутов и рукописной js логики)…
- 0 ▲1 ответ.
Не понимаю как расположить кнопки по краям от лого
Верстаю сайт по макету, в навигационном меню лого расположено между пунктами меню. Верстаю в первый раз по гайдам из ютуба(до этого только совмещение ужже навёрстанного с моим сай…
- 0 ▲1 ответ.
Как отобразить таблицу внутри border-box?
section { width: 90%; margin: 10px; border: 5px solid skyblue; padding: 10px; } <section> <h2>Soft Skills</h2> <table border=1> <tr> <th>Положи…
- 0 ▲0 ответ.
Что с вордпрессом: не центрирует описание под картинками
Один и тот же подрядчик перенес нам 2 сайта с Тильды на Вордпресс. На одном сайте во всех статьях под картинками описание центрируется, во втором - нет. При этом: в редакторе отоб…
- 0 ▲1 ответ.
Как реализовать вертикальный каталог каналов?
Хочу сделать сбоку слева блок, в котором будут кружки каналов для навигации(как в дискорде короче). Как реализовать, чтобы они не ломались и оставались пропорциональными? Код выгл…
- 0 ▲1 ответ.
как можно сделать верстку блока со стрелками
Не могу понять как сделать этот блок, есть ли статья или код по таким версткам. Проблема заключается в правильном расположении стрелок текста и цифр.
- 0 ▲1 ответ.
Плавное увеличение картинки при наведении, с текстом сверху и затемненным фоном
Подскажите код с использованием css и div, для реализации задачи: Необходимо создать 9 блоков (через div) фотографий, которые при наведении медленно увенчиваются и на фотографиях …
- 1 ▲1 ответ.
Картинка заслоняет уголки у блока
Сделал у текстового блока уголки с помощью двух прямоугольников псевдоклассов При изменении z-index у изображения оно начинает закрывать уголки Код: *{ margin: 0; padding: 0; } :r…
- 0 ▲1 ответ.
Карточки слайдера slick
Такая проблема, верстаю карусель из карточек, используя slick. Сам слайдер работает, но я хочу, чтобы карточки меняли резиново свои размеры (ширина, высота, font-size) Подскажите,…
- 0 ▲3 ответ.
Некорректно работает свойство height:100% для дочерних элементов
Не совсем понимаю поведение height:100% для дочерних div-ов. Есть вот такой простой пример кода: html, body {margin:0;padding:0;} .main-wrapper { height: 100vh; } .section { backg…
- 0 ▲0 ответ.
Почему не получается переопределить background-color
В зависимости от состояния, блок должен менять цвет. Все нечетные блоки имеют цвет $smoky-white, а блоки в состоянии open должны иметь цвет $platinum. Проблема в то, что у &:n…
- 0 ▲0 ответ.
Как Swiper'у задать центральный слайд?
В Swiper есть настройка "centeredSlides: true,", но она применяется сначала к первому слайду и при этом остается пустое место слева. Как задать настройку "centeredS…
- 0 ▲2 ответ.
Закругленная кнопка с градиентом
Всем привет! Не могу сверстать кнопку чтобы она была закругленная, да еще и с градиентым бордером, может кто-то такое реализовал и мог бы поделиться, был бы благородный, ниже прим…
- 0 ▲2 ответ.
Как сделать такой вырез в фоне
подскажите как сделать такой вырез в виде восьмёрки у фоновой заливки
- 0 ▲1 ответ.
Кнопка фильтр работает не правильно
Вот сценарий. Сайт перезагружен, все элементы показаны(не отфильтрованы) нажимаю на кнопку-фильтр например "Машины", видно в devtools что класс добавляется , НО реакции …
- 2 ▲3 ответ.
Возможно ли на CSS реализовать прямоугольник как на картинке (куча линий заполнящих блок)
Тренируюсь в верстке, нашел такой макет. Скажите пожалуйста, возможно ли так заполнить блок не прописываю куча линий вручную? Или это обязательно картинка? Заранее всем огромное с…
- 0 ▲0 ответ.
Как сделать фиксированные пробелы для детского издания в InDesign, чтобы не возникало "коридоров"?
Я верстаю детское издание 6+ (2-я возрастная категория). ГОСТ устанавливает норму пробела с кегль шрифта. В качестве пробела установил круглую шпацию, но визуально пробелы получаю…
- 0 ▲1 ответ.
Как ограничить ширину span по фактически занимаемому буквами пространству?
В span есть стрелочка сортировки, она позиционируется абсолютно относительно span. Но когда происходит перенос строки, то образуется промежуток между тестом span и стрелочкой. Мне…
- 0 ▲1 ответ.
Что лучше для отступов flexbox padding vs gap?
Вижу что некоторые верстают используя padding для элементов flex контейнера, но есть же gap, который работает и у flex и у grid. Отступы в виде padding уже полностью устарели или …
- 0 ▲0 ответ.
Неверно рассчитывается ширина столбцов Grid в WPF
При запуске окна с установленным SizeToContent="WidthAndHeight" столбцы должны занимать ровно по половине ширины окна, но на самом деле получается так, что первый столбе…