Вопросы с меткой [css]

CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
19 показов

как сделать чтобы было по 2 блока на строке, а не сразу все 4

.fon-ves { height: 900px; background-repeat: no-repeat; background-size: cover; position: relative; } .fon-ves::after { content: ""; position: absolute; width: 100%; height: 100%; ...
0 голосов
2 ответа
53 показа

Как сделать скролл столбца таблицы, который содержит другие столбцы?

Как сделать скролл столбца таблицы, который содержит другие столбцы? таблица занимает все пространство доступное по ширине, скролл внутри столбца позволит таблице полностью вместиться в div (внешний ...
0 голосов
0 ответов
13 показов

Некорректно отображается картинка в html

header { background-image: url("media/img/1.jpg"); width: 100%; height: auto; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link ...
1 голос
1 ответ
58 показов

Как исправить баг с наложением чисел?

Как исправить баг с наложением чисел? Вот мой код: const oneStepTime = 10; const disp = document.getElementById("num1avi"); const timerDisp = document.getElementById("timer"); function ...
0 голосов
2 ответа
46 показов

Не показывает background-image в github-pages, а на localhost показывает

Не показывает background-image в github-pages, а на localhost показывает. Пример кода
0 голосов
1 ответ
8 показов

Нужно чтоб элемент класса (.cardsDescription) скрывался если нажать на div класса (.closeDescription)

Имя: Сайтама Редкость: Мифическая Стихия: Огонь Рейтинг: 100 Сила: 25 Скорость: ...
0 голосов
1 ответ
9 показов

Элементы списка кучкуются, хотя задаю justify-content: space-around

*{ margin: 0; padding: 0; } .wr { margin-left: auto; margin-right: auto; max-width: 1022px } nav { max-width: 1022px; height: 65px; display: flex; flex-flow: column ...
0 голосов
1 ответ
25 показов

Как сделать наростание скорости функции

как сделать постепенное наростание скорости, например финальное число 100.00, а наростание скорости(const oneStepTime) происходит после чисел 20.63, 38,22 и 80, спасибо! const oneStepTime = 100; ...
-1 голос
0 ответов
35 показов

Как сделать функцию что срабатывает по числу

Добрый день, не знаю точно, как это назвать, но мне нужно, что бы функция(после нажатия кноки) запомнила, что при определённой цифре, она должна сработать. Тобиш, если рандомайзер выдаёт число 26(что ...
-1 голос
0 ответов
28 показов

Как преобразовать функцию в переменную?

Как преобразовать функцию в переменную? У меня есть код, что выдаёт рандомное число, и как мне обращатся не к функции, а к числу, что будет выдано? Вот сам код: const oneStepTime = 100; const disp = ...
0 голосов
1 ответ
1k показов

Почему не работает свойство border-color?

В CSS для ссылки написан данный код. Все свойства работают корректно, при компиляции ошибок не найдено, но цвет границы не отображается .main_nav_item{ display:block; background-color: cornflowerblue; ...
0 голосов
1 ответ
912 показов

JS Подсветка активного пункта меню и тех что уже проскролили

Здравствуйте уважаемое комьюнити. Столкнулся с такой проблемой. Хочу сделать чтобы при скролле активный пункт меню подсвечивался, а те пункты что пользователь уже проскролил оставались активным. При ...
0 голосов
1 ответ
805 показов

@media не меняет ширину и высоту

#bord{ width: 100%; } @media screen and (max-device-width: 654px) { #bord{ width: 50%; } } Не могу поменять ширину блока медиа запросом. Сам медиа запрос вроде работает, к примеру меняет ...
0 голосов
1 ответ
2k показов

Не отображается картинка в через путь src в img

как бы путь не задавал, картинка не отображается, использую гугл хром, запускаю сервер через gulp, папка с проектом находиться на рабочем столе, путь такой: CatEnergy/build/images/icon-cat-slim.svg - ...
1 голос
1 ответ
34 показа

Как сделать принудительное контекстное меню для тега object?

Я пытался найти способ установить запасное изображение в html, на случай, если ссылка на основное изображение не будет доступна. На английском это называется fallback image. Я нашёл следующее решение: ...
0 голосов
2 ответа
41 показ

Как обрезать только 2 знака после точки

Добрый день, нужна ваша помощь, как обрезать(Не округлить) число после точки Вот пример моего кода, но он не работает function button() { num1 = display.innerText; num2 = disp....
-4 голоса
2 ответа
57 показов

Как сделать текст по кругу

Мне нужно сделать текст по кругу, как на фото: Нужно, чтобы можно было поставить определёный размер всего блока, текст расширялся автоматически по кругу.
4 голоса
1 ответ
1k показов

Позиционирование съезжает

В блоке (.result-wrapper) у меня находится сама футболка и блок position: relative. Помимо футболки в нем есть #selming и .example2 с позиционированием absolute и они поверх футболки. Но, когда ...
0 голосов
2 ответа
57 показов

как узнать что окно браузера в полноэкранном режиме

сама суть задачи в следующем: есть модалка, которая должна появляться, если окно браузера не в полноэкранном режиме, перейти же в этот режим можно по кнопке в этой модалке или же на f11 (если мы на пк ...
0 голосов
0 ответов
24 показа

Пропорциональность высот блоков на сайте и макете в резиновой верстке

А правильно ли я понимаю, что для резиновой верстки не только ширина блоков на сайте и макете должны быть пропорциональны, но и высоты блоков? Если да, то как достичь пропорциональности высот блоков ...
0 голосов
1 ответ
1k показов

Как сделать выпадающий блок dropdown поверх другого блока

Есть выпадающий блок div, который при нажатии на button выпадает, но отодвигает вниз нижний контент. Как сделать, чтобы он не отодвигал, а выпадал поверх контента? <button>меню</button> &...
0 голосов
3 ответа
36 показов

Не работает свойство CSS align-content: center

Не работает свойство CSS align-content: center в теге <body> #playerNickname { font-size: 75px; padding-left: 25%; padding-bottom: 0%; } #playerId { padding-left: 30%; ...
0 голосов
2 ответа
900 показов

Ссылка поверх картинки

учусь верстать с макета. там есть кнопка login овальная. решил просто фон кнопки сохранить как изображение и поверх него поставить ссылку в середине, что только не пробовал. в итоге пришлось по ...
0 голосов
1 ответ
2k показов

Как расположить блоки в колонну при масштабировании?

Учусь верстать адаптивные сайты. На макете есть блок с 3 div по горизонтали. Как сделать так, чтобы при масштабировании они шли в ряд по вертикали. Эти карточки находиться внутри другого дива с ...
-5 голосов
0 ответов
40 показов

Помогите реализовать макет HTML and CSS [закрыт]

**Помогите сделать футер,отредактировать кнопки **https://www.figma.com/file/WGcBV32ulnXocMKl2rlnsG/Exzamen?type=design&node-id=0-1&mode=design&t=qCnVe5DDMYshfxZH-0 *{ margin: 0; ...
0 голосов
1 ответ
20 показов

Как настроить выравнивание кода в webstorm?

Перехожу с vs code на webstorm и столкнулся с проблемой отступов. Когда сохраняешь текст в vs code то там так удобно выстраивается код по иерархии тегов, чего не вижу в webstorm. И помогите ...
-1 голос
0 ответов
37 показов

Умножение чисел на display

У меня есть код, что выводит число при нажатии кнопки на (div)#display и так же код на вывод рандомного числа на (div)#out, возможно ли умножить данные числа? Для примера я кнопками нажму число 26, и ...
0 голосов
0 ответов
28 показов

Внедрение минимального числа в код, и вывод на 2 out

Хотелось бы ещё спросить, возможно ли в код внедрить, что бы минимальное число было для примера 1.00, и от него шел отсчёт? так же будет ли возможность вывести данный код сразу на 2 экрана, #out1, #...
0 голосов
1 ответ
26 показов

Растянуть кнопки по ширине

Вот HTML <div class="inlines_pills"> <a href="#" class="transparent_pill">Delete</a> <a href="#" class="transparent_pill"&...
1 голос
1 ответ
1k показов

Смена цвета фона на градиент по нажатию JavaScript

Есть блок с тестом, который меняет цвет фона по нажатию на кнопки. Как выставить в JS цвет так, чтобы он менялся на градиент. window.onload = function() { document.getElementById('linkinclr')....
0 голосов
0 ответов
30 показов

почему не учитываються паддинги container в секции?

первый раз с таким столкнулась что заданные паддинги на контейнер не видны при работе,т.е. они не работают. Что делать? песочница в комментах это фактически что имею .container { max-width: ...
1 голос
1 ответ
47 показов

Вычисление высоты в отзывчивой (резиновой) верстке

Как вычислить ширину блока (width) страницы при отзывчивой (резиновой) верстке (необходимо умножить ширину окна страницы (общая ширина страницы сайта, которого создаю) на коэффициент, равный отношению ...
1 голос
1 ответ
1k показов

Не отображается шрифт подключенный через CSS (@font-face) при локальном открытии файла

помогите решить проблему отображения шрифтов. Файлы шрифта лежат по пути папка-проекта\fonts\Roboto\RobotoLight В корне каталога лежит файл fonts.css рядом с основным css файлом. В нем описывается @...
1 голос
2 ответа
4k показов

Как убрать уголок у textarea не используя resize: none?

Нужно убрать уголок у textarea так, чтобы осталось свойство resize (оно нужно для выполнения скрипта).
0 голосов
1 ответ
34 показа

не работает flex-wrap и flex-shrink: 0;

Пытаюсь сделать так, чтобы item переносились на другую строку при уменьшении экрана и при этом не уменьшался их размер. Использовал и flex-shrink:0, и flex wrap <html lang="ru"> <...
2 голоса
1 ответ
75 показов

Как скрыть блок DIV ? если дочерний блок div пустой

<div class="stories-view"> <div class="title-and-link ads-stories"> <strong>Реклама на сайте</strong></div> <div class="recomend"><span class="description-...
0 голосов
0 ответов
8 показов

Статические фалы не подгружаются на удаленном сервере

Работаю с Джанго. Сейчас дошел до этапа подключения CSS (статических фалов). При запуске сайта на локальном сервере все подгружается и работает корректно, те стили работают. Как только я запускаю сайт ...
0 голосов
0 ответов
15 показов

css flexbox, как сделать responsive layout с изображением и текстом?

https://drive.google.com/file/d/16jryponHSvT9pdWYIjVfqUV9Z_m9SOSI/view?usp=sharing Как сверстать адаптивно, чтобы и текст и изображение уменьшались одновременно и при этом их первоначальный размер ...
0 голосов
1 ответ
59 показов

Некорректный вид сайта в Internet Explorer

В Explorer футер поднимается к веру и закрывает часть контента, на отдельный страницах центральный блок растягивается и выглядит некорректно. В других браузерах все выглядит, как нужно. Валидатор ...
0 голосов
2 ответа
45 показов

Как сделать перебегающее не целое число js

Нужно, что бы к примеру каждые 10, или 25 секунд рандомайзер выдавал рандомное не целое число(для примера: 11.75 22.96 04.72) на display, при этом цифры менялись от 0, до конечного числа(учитываю ...
0 голосов
0 ответов
29 показов

Спойлеры открываются, но не закрываются

есть такой вот код на JAVASCRIPT с рабочими спойлерами, они открываются поочередно, но не закрываются, как исправить проблему. Пробывал менять classList на toggle - не вышло. Прошу помощи, заранее ...
1 голос
4 ответа
15k показов

Почему не работает position:fixed

Почему мой div с такими стилями <div style="position: fixed; top: 30px; right: 30px; z-index: 999999999; height: 100px; width: 100px; background: red;"></div> ...
0 голосов
0 ответов
16 показов

как сделать фиксированный фуллскрин таким образом, чтобы нижний контакт при скролле накладывался на фуллскрин?

Необходимо зафиксировать фуллскрин так, чтобы при скролле следующие блоки накладывались на него. * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; font-...
0 голосов
1 ответ
36 показов

Таймер обратного отсчёта после функции

У меня есть функция генерации рандомного числа, и анимация для него(от 0 до генерируемого числа) как мне сделать так, что бы перед генерацией нового числа на его месте появлялся таймер обратного ...
0 голосов
2 ответа
7k показов

Как убрать увеличение экрана на IPhone при нажатии на select (или input) без увеличения размера шрифта?

Знаю про решение с увеличением шрифта элементов формы @media (max-width: 580px) { input, select { font-size: 16px; } } Но хотелось быть узнать есть ли еще какие-нибудь решения
0 голосов
1 ответ
363 показа

Как задать плавное появление и исчезновение блока?

Написал код, который при нажатии на кнопку элемент плавно выходит из края экрана: css .direct-chat { display: none; position: fixed; bottom: 5px; right: 5px; max-width: 320px; z-index: 2; ...
4 голоса
1 ответ
956 показов

Как сделать overflow: visible для отдельного элемента

Здравствуйте, есть абстрактный контейнер, например, .container который имеет свойство overflow: hidden, внутри него есть элемент, например, label, который в свою очередь имеет абсолютное ...
0 голосов
3 ответа
24 показа

Почему когда у меня элемент выходит за рамки по высоте появляется ещё скролл вправо?

Вот такая фигня происходит, вроде бы элемент не заполняет место сбоку и скролу вправо появляться незачем, но он тут как тут import { ITask } from '@diary-app/shared' import { Box, Card, ...
1 голос
2 ответа
25 показов

Изменить flex-order при переносе на новую строку без @media

Есть следующий лайаут: * { box-sizing: border-box; } .page { display: flex; align-items: flex-start; flex-wrap: wrap; } .container { width: 100%; max-width: 500px; background: #eee;...
2 голоса
2 ответа
1k показов

При масштабировании страницы текст вылезает за блок

Как сделать так, чтобы текст не вылезал за блок при масштабировании страницы? .content p {} .content { flex: 1; display: grid; grid-template-columns: 715px; grid-template-rows: 1fr; ...