Вопросы с меткой [css]
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
29,167
вопросов
0
голосов
0
ответов
12
показов
Некорректно отображается картинка в html
header {
background-image: url("media/img/1.jpg");
width: 100%;
height: auto;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link ...
- 1
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 ...
- 1
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%;
...
-1
голос
0
ответов
28
показов
Как преобразовать функцию в переменную?
Как преобразовать функцию в переменную?
У меня есть код, что выдаёт рандомное число, и как мне обращатся не к функции, а к числу, что будет выдано?
Вот сам код:
const oneStepTime = 100;
const disp = ...
- 15
0
голосов
1
ответ
25
показов
Как сделать наростание скорости функции
как сделать постепенное наростание скорости, например финальное число 100.00, а наростание скорости(const oneStepTime) происходит после чисел 20.63, 38,22 и 80, спасибо!
const oneStepTime = 100;
...
- 15
-1
голос
0
ответов
35
показов
Как сделать функцию что срабатывает по числу
Добрый день, не знаю точно, как это назвать, но мне нужно, что бы функция(после нажатия кноки) запомнила, что при определённой цифре, она должна сработать.
Тобиш, если рандомайзер выдаёт число 26(что ...
- 15
0
голосов
2
ответа
41
показ
Как обрезать только 2 знака после точки
Добрый день, нужна ваша помощь, как обрезать(Не округлить) число после точки
Вот пример моего кода, но он не работает
function button() {
num1 = display.innerText;
num2 = disp....
- 15
1
голос
1
ответ
34
показа
Как сделать принудительное контекстное меню для тега object?
Я пытался найти способ установить запасное изображение в html, на случай, если ссылка на основное изображение не будет доступна.
На английском это называется fallback image.
Я нашёл следующее решение:
...
- 11
0
голосов
0
ответов
24
показа
Пропорциональность высот блоков на сайте и макете в резиновой верстке
А правильно ли я понимаю, что для резиновой верстки не только ширина блоков на сайте и макете должны быть пропорциональны, но и высоты блоков?
Если да, то как достичь пропорциональности высот блоков ...
- 11
0
голосов
2
ответа
55
показов
как узнать что окно браузера в полноэкранном режиме
сама суть задачи в следующем:
есть модалка, которая должна появляться, если окно браузера не в полноэкранном режиме, перейти же в этот режим можно по кнопке в этой модалке или же на f11 (если мы на пк ...
- 7
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%;
...
- 65
1
голос
1
ответ
58
показов
Как исправить баг с наложением чисел?
Как исправить баг с наложением чисел?
Вот мой код:
const oneStepTime = 10;
const disp = document.getElementById("num1avi");
const timerDisp = document.getElementById("timer");
function ...
- 15
0
голосов
1
ответ
20
показов
Как настроить выравнивание кода в webstorm?
Перехожу с vs code на webstorm и столкнулся с проблемой отступов. Когда сохраняешь текст в vs code то там так удобно выстраивается код по иерархии тегов, чего не вижу в webstorm. И помогите ...
- 1
-1
голос
0
ответов
37
показов
Умножение чисел на display
У меня есть код, что выводит число при нажатии кнопки на (div)#display и так же код на вывод рандомного числа на (div)#out, возможно ли умножить данные числа?
Для примера я кнопками нажму число 26, и ...
- 15
0
голосов
0
ответов
28
показов
Внедрение минимального числа в код, и вывод на 2 out
Хотелось бы ещё спросить, возможно ли в код внедрить, что бы минимальное число было для примера 1.00, и от него шел отсчёт? так же будет ли возможность вывести данный код сразу на 2 экрана, #out1, #...
- 15
0
голосов
1
ответ
26
показов
Растянуть кнопки по ширине
Вот HTML
<div class="inlines_pills">
<a href="#" class="transparent_pill">Delete</a>
<a href="#" class="transparent_pill"&...
0
голосов
0
ответов
30
показов
почему не учитываються паддинги container в секции?
первый раз с таким столкнулась что заданные паддинги на контейнер не видны при работе,т.е. они не работают. Что делать?
песочница в комментах
это фактически что имею
.container {
max-width: ...
1
голос
1
ответ
47
показов
Вычисление высоты в отзывчивой (резиновой) верстке
Как вычислить ширину блока (width) страницы при отзывчивой (резиновой) верстке (необходимо умножить ширину окна страницы (общая ширина страницы сайта, которого создаю) на коэффициент, равный отношению ...
- 11
0
голосов
0
ответов
8
показов
Статические фалы не подгружаются на удаленном сервере
Работаю с Джанго. Сейчас дошел до этапа подключения CSS (статических фалов). При запуске сайта на локальном сервере все подгружается и работает корректно, те стили работают. Как только я запускаю сайт ...
- 23
0
голосов
0
ответов
15
показов
css flexbox, как сделать responsive layout с изображением и текстом?
https://drive.google.com/file/d/16jryponHSvT9pdWYIjVfqUV9Z_m9SOSI/view?usp=sharing
Как сверстать адаптивно, чтобы и текст и изображение уменьшались одновременно и при этом их первоначальный размер ...
- 3
0
голосов
1
ответ
59
показов
Некорректный вид сайта в Internet Explorer
В Explorer футер поднимается к веру и закрывает часть контента, на отдельный страницах центральный блок растягивается и выглядит некорректно. В других браузерах все выглядит, как нужно. Валидатор ...
- 1
-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;
...
-4
голоса
2
ответа
57
показов
Как сделать текст по кругу
Мне нужно сделать текст по кругу, как на фото:
Нужно, чтобы можно было поставить определёный размер всего блока, текст расширялся автоматически по кругу.
- 7
0
голосов
0
ответов
29
показов
Спойлеры открываются, но не закрываются
есть такой вот код на JAVASCRIPT с рабочими спойлерами, они открываются поочередно, но не закрываются, как исправить проблему. Пробывал менять classList на toggle - не вышло. Прошу помощи, заранее ...
0
голосов
1
ответ
34
показа
не работает flex-wrap и flex-shrink: 0;
Пытаюсь сделать так, чтобы item переносились на другую строку при уменьшении экрана и при этом не уменьшался их размер.
Использовал и flex-shrink:0, и flex wrap
<html lang="ru">
<...
- 1
0
голосов
0
ответов
16
показов
как сделать фиксированный фуллскрин таким образом, чтобы нижний контакт при скролле накладывался на фуллскрин?
Необходимо зафиксировать фуллскрин так, чтобы при скролле следующие блоки накладывались на него.
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
height: 100%;
font-...
0
голосов
1
ответ
36
показов
Таймер обратного отсчёта после функции
У меня есть функция генерации рандомного числа, и анимация для него(от 0 до генерируемого числа) как мне сделать так, что бы перед генерацией нового числа на его месте появлялся таймер обратного ...
- 15
0
голосов
2
ответа
45
показов
Как сделать перебегающее не целое число js
Нужно, что бы к примеру каждые 10, или 25 секунд рандомайзер выдавал рандомное не целое число(для примера: 11.75 22.96 04.72) на display, при этом цифры менялись от 0, до конечного числа(учитываю ...
- 15
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
голосов
3
ответа
24
показа
Почему когда у меня элемент выходит за рамки по высоте появляется ещё скролл вправо?
Вот такая фигня происходит, вроде бы элемент не заполняет место сбоку и скролу вправо появляться незачем, но он тут как тут
import { ITask } from '@diary-app/shared'
import { Box, Card, ...
0
голосов
0
ответов
22
показа
Кастомизировать css-стиль для таблицы
Пишу веб-программу по учету клиентов. Использую готовый css-стиль. В целом таблица выглядит привлекательно, но мне бы хотелось уменьшить высоту строк, приравняв ее к высоте первой строки. Может кто-...
- 155
0
голосов
0
ответов
22
показа
Как сделать так чтоб другие элементы не наследовали высоту самого большого элемента?
я хочу чтоб каждый Task элемент имел свою высоту согласно размеру текста, но как сделать так чтобы они не растягивались по размеру главного элемента?
Хочу что-то такое:
import { SxProps, useTheme } ...
0
голосов
1
ответ
41
показ
Редактирование текста при нажатии на кнопку
При нажатии на кнопку "Редактировать", которая появляется при наведении на три точки, появляющиеся при наведении на блок с задачей, текст "Задача 1" должен становиться ...
- 23
0
голосов
1
ответ
37
показов
Ошибка импорта модулей стилей
Подскажите, разворачивая проект столкнулся с ошибкой - при импорте модулей scss они приходят как undefined
import React, { useState } from "react";
import classes from "./Counter.module....
-1
голос
2
ответа
47
показов
Как связать звук с контроллером громкости на сайте
Хочу внедрить на сайт фоновую музыку. Хотелось бы, чтобы пользователь мог управлять только громкостью, музыку залупить. Есть код контроллера уровня громкости звука. Но я пока не особо разбираюсь, как ...
- 25
0
голосов
0
ответов
21
показ
Слайд не центрируеца
Я использую слайдер slick, и слайди не центрируюца, вот так:
html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name=&...
- 7
0
голосов
1
ответ
36
показов
Почему не работает код (css, js)
Если я вручную добавляю события к элементам, то всё работает, а если засовываю это в цикл(внизу закомментировано), то всё перестаёт работать.
let mainItems = document.querySelectorAll(".item-with-...
- 20
0
голосов
0
ответов
18
показов
Как наложить mask'у с lineargradient на path в svg
У меня есть вот такой график сделанный с помощью recharts
Сейчас у графика минимум и максимум это 4 и 10, но нет таких значений, что больше 6 в данном случае и потому градиент накладывается не совсем ...
- 1
0
голосов
0
ответов
14
показов
Аттрибут controls тега video занимает часть высоты видео в мобильной версии
Такая проблема возникла: есть видео с определенной высотой - оно полностью прилегает к кнопке под ним, но когда включаешь видео, появляется аттрибут controls, занимая низ видео, потом скрывается, но ...
- 23
0
голосов
0
ответов
61
показ
Как сделать полукруг и по контуру установить текст? [закрыт]
В общей сложности есть 4 текста. При нажатии на стрелки, текст должен передвигаться (с анимацией) на соответствущий (зависимо от нажатой стрелки). Также, в центре "полукруга" должна быть ...
- 11
0
голосов
0
ответов
19
показов
Сделать выравнивание хедера таблицы из mui, react
У меня есть такая таблица из библиотеки material ui
<Table id='consumption-data'>
<TableHead>
<TableRow>
<TableCellStyled ...
-1
голос
0
ответов
34
показа
Нужно создать слайдер из 10 элементов
Я пытаюсь сделать прокручивающийся слайдер из 10 элементов
https://codepen.io/ellxkeyu-the-flexboxer/pen/zYXdOOR
Всешл видимых элемента в слайдере 3, но сам слайдер должен состоять из 10 карточек
я ...
- 1
0
голосов
0
ответов
15
показов
Как поместить пагинацию внутрь слайда, swiper js?
Я всё время для создания слайдеров использую swiper js, такой возник вопрос, прикрепляю картинку у меня в слайдере идёт такая структура, на всю ширину видимой области идёт картинка , потом небольшой ...
0
голосов
1
ответ
16
показов
Самое начало html&css . Не работает элементарный код из видео-гайда [закрыт]
мой код приведен на 1-м скриншоте. Я ожидал увидеть то, что на 2-м скриншоте, но получил то, что на третьем. Почему?
Это были мои первые 3 минуты в жизни, когда я открыл файл .css. И я все делал с ...
- 1
0
голосов
1
ответ
26
показов
Как заблюрить body
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0&...
- 7
-1
голос
1
ответ
29
показов
Переключение текста при нажатии на кнопку
При нажатии на кнопку "Без срока" в выплывающем при нажатии на кнопку "Перенести" меню, должна меняться дата по следующему принципу: если стоит какая-либо дата, то вместо неё ...
- 23
-8
голосов
1
ответ
43
показа
Вывод значения, с колеса фортуны [закрыт]
На днях нашел в Гугле интересную тему, колесо фортуны ссылка (https://thecode.media/fortune/amp/)
Помоги дописать скрипт так чтобы после вращения выпавшее значение показалось на экране так, чтобы ...
- 1
0
голосов
1
ответ
48
показов
Как сделать такую белую скругленную обводку с помощью css?
Пробовал делать через полигон и границы, но всё время упирался в то, что линию не получалось скруглить и угол в итоге был устроконечным.
- 54
-1
голос
1
ответ
38
показов
Как сделать красную линию поверх другой? [дубликат]
Как сделать красную линию поверх другой линии при клике на "Статистика"?
Искал информацию, можно как-то реализовать через border-bottom
