Браузер неправильно отображает height
Дал всем псевдоклассам и span height: 2px; но почему то браузер отображает span толще чем псевдоклассы. Как решить? .header__burger { position: relative; width: 30px; height: 30px…
Вопросы по тегу: css
- 1 ▲1 ответ.
- 0 ▲1 ответ.
Как сделать overflow hidden для body по нажатию?
Нужно, чтобы по нажатию на .btn у body появлялся overflow hidden и также исчезал по повторному нажатию на .btn. Подскажите пожалуйста как это сделать? $(document).ready(function()…
- 1 ▲1 ответ.
CSS - стилизация обьектов before. after
господа! Столкнулся с такой проблемой: объект before накладывается поверх самого элемента, z-index в данном случае не работает. Подскажите, что делаю не так? .learning__list { pad…
- 0 ▲1 ответ.
разделение ширины окна для 2 div, разных по ширине
Необходимо вертикальное меню слева контейнера, а справа от него контент(картинка). Как разделить ширину окна в пропорциях примерно 25/75.
- 0 ▲0 ответ.
Неполное заполнение экрана
Ширина body 320px в инспекторе элементов, ширина окна тоже 320, откуда тогда могут браться белые полосы?(отступы?). .menu { display: flex; gap: 2rem; align-items: center; @media (…
- 2 ▲1 ответ.
Пытаюсь сделать всплывающее меню в HTML CSS
Вот это меню при наведении курсора должно отобразиться так И мой вопрос таков Как зафиксировать иконки на своих местах чтобы при наведении меню раскрывалось а они стояли на месте?…
- 0 ▲1 ответ.
Проблема с переполнением элментов html css
Проблема с переполнением данных, как это исправить? Разметка компонента ниже <div className="typed_food_item_container"> <div className="main_menu_section_…
- 0 ▲1 ответ.
подскажите в чем ошибка JavaScript
нужно сделать dropdown menu, при нажатии на стрелочку меню появляется на долю секунды и возвращается обратно. Как это можно исправить? const bars = document.querySelector("#bars")…
- 0 ▲1 ответ.
html, странное поведение блока при адаптиве при использовании отрицательных margin
Не могу никак решить проблему, использовал отрицательные margin для flex контейнера и padding для flex элементов чтобы сделать расстояние между ними, но при уменьшении окна просмо…
- -3 ▲1 ответ.
Как сделать кнопку рандома на сайте
Здраствуйте, хочу сделать кнопку на сайте при нажатии на которую открывалась случайная html страница из списка. Может кто-нибудь подсказать? Написал такой скрипт: const page = doc…
- 1 ▲1 ответ.
Код подменю ломает работу остального кода
Всем привет! Столкнулся с совершенно неожиданной (для меня, новичка) проблемой. Есть страница, где все работает, как должно. Клик на ссылку меню плавно скроллит к нужному разделу.…
- 0 ▲0 ответ.
Не работает calc(100% - 5.6rem) в Material ui
Я пытался использовать makeStyles result: { height: 'calc(100% - 5.6rem)' } Не работает. Пробовал inline sx={{ height: 'calc(100% - 5.6rem)' }} Так же не работает Но если использо…
- 0 ▲1 ответ.
Как правильно написать вложенность в HTML?
<div class="out-work"> <h4 class="out-work-title">Наши работы</h4> <div class="out-work-slider slider"> <div class="s…
- 1 ▲1 ответ.
Иконка открытый/закрытый глаз для видимый/невидимый пароль
как можно изменить иконку, чтоб она менялась при нажатии ? я нашла состояние active, но оно не подходит тут,,, там только когда нажимаешь при состоянии active меняется, а как можн…
- 0 ▲1 ответ.
При нажатии на вложенный html элемент срабатывает и его функция и функция того элемента, в который он вложен
Есть два html элемента, элемент 2 вложен в элемент 1 , в оба элемента встроено по отдельной функции при нажатии Onclick="". При нажатии на элемент 2 и его функция и функ…
- 0 ▲1 ответ.
Фоновое изображение для текстуры текста
Как сделать цвет шрифта из картинки "камуфляжный стиль" на темном фоне?
- 1 ▲3 ответ.
Как покрасить часть заголовка?
Мне нужно покрасить вторую половину заголовку в красный. Я пытался объеденять в div вторую и первую половину, задавать float для второй половины, но ничего не выходило: html: <…
- 0 ▲0 ответ.
Выпадающее меню не ровно под ссылкой
Когда навожу курсор на ссылку выпадающее меню оказывается где-то слева, а не прям под ней. Css код ниже margin: 0; padding: 0; font-family: Arial; overflow-x: hidden; height: 100v…
- 0 ▲0 ответ.
Как сделать анимацию на js и css, чтобы одно фото накрывало другое при движение мыши
Все привет. Не пойму как сделать чтобы одно фото накрывало другое при движение мыши. Понятно, что объясняю не понятно, поэтому пример:https://aaa-sitrak.ru/trade-in. Может есть го…
- 1 ▲2 ответ.
Как скрывать блок если нет определенного класса, а при появлении класса показать?
Есть код главный контейнер .rew_serial. Если в этом контейнере нет класса .rew_serial_cont, то скрывать блок .rew_serial, а если есть, то показывать. Подскажите, как это реализова…
- 1 ▲1 ответ.
Swiper slider увеличивается сам по себе
Всем привет! Столкнулся с такой проблемой, что когда я меняю прокрутку для главных фото на горизонтальную, то у меня начинает увеличиваться слайдер до колоссальных размеров каждую…
- 1 ▲1 ответ.
Как сделать одновременную смену цветов у блоков с разными цветами при нажатии на кнопку с возможностью при повторном клике вернуть цвет?
При помощи Jquery сделал переключение на сайте день-ночь. Цель сделать переключение при нажатии на кнопку смены одновременно большого количества цветов у блоков. (https://github.c…
- -1 ▲1 ответ.
как сверстать данную таблицу. Проблема именно с подложкой под центральной колонкой. Возможно ли это силами табличных тегов?
.table { /* border-collapse: separate; */ border-spacing: 12px; border: none !important; margin: 0; width: unset; position: relative; } .center-col { position: relative; backgroun…
- 1 ▲1 ответ.
Совместная корректная работа фильтрации на CSS и поиска на jQuery в HTML-таблице?
Если воспользоваться поиском, находясь в любой категории (A,B,C,F,G), фильтрация перестаёт работать. <!DOCTYPE html> <html lang="en"> <style> table { width: 100%…
- 0 ▲2 ответ.
Возможно ли такой задний фон сделать только CSS стилями?
На этой картинке будет какой-то контент и при адаптиве он по высоте расширяется. И вопрос в следующем, как можно данную форму заднего фона сделать только на css?
- 1 ▲2 ответ.
Не могу применить стили другому классу при помощи :hover
Допустим я хочу поменять цвет блока при наведении на ссылку, но почему то ничего не работает. Видел видео где в стилях не было + между .link:hover и .block и все нормально работал…
- 0 ▲0 ответ.
Не могу применить стили другому классу при помощи :hover
Допустим я хочу поменять цвет блока при наведении на ссылку, но почему то ничего не работает. Видел видео где в стилях не было + между .link:hover и .block и все нормально работал…
- 1 ▲0 ответ.
Слайдер на чистом JS (конкурс)
Я реализовал слайдер на JavaScript. Работает управление с телефона, работает перетаскивание слайдов, только не реализовано прокручивание до определённого слайда в зависимости от с…
- 0 ▲2 ответ.
GitHub Pages не прогружают стили по BEM методологии
Пишу простой проектик, дабы потренироваться в BEM методологии, хотел залить его на GH Pages, но мои стили не находит. Стили я подключал в корнях проекта, в папке pages/index.css в…
- 0 ▲2 ответ.
Как изменить жирность шрифта в теге option?
Вот код HTML: <select class="grey" size="1" name="prof" > <option value="" hidden></option> <option class="black&…