HTML/CSS

Пользователь

Привет! Почему у меня не работает стилизация через CSS? Прописал класс, но элемент всё равно остаётся без стилей 😩


1
<div class="button">Нажми меня</div>


1
2
3
4
5
.button {
  background-color: blue;
  color: white;
  padding: 10px;
}


Подключаю стиль так:

1
<link href="style.css">


Пользователь

от cayla , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 17 дней назад от deshaun_cormier

Пытаюсь сделать ссылку, которая открывается в новой вкладке, но почему-то она открывается в той же. Не могу понять, что не так с кодом. Подскажите, пожалуйста 🙏

1
<a href="https://example.com" target="blank">Перейти на сайт</a>


Пользователь

от jaylen.trantow , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 17 дней назад от raina

Ребята, помогите, делаю форму, но при нажатии на кнопку ничего не отправляется 😕

Что я делаю не так?

1
2
3
4
<form action="/submit" method="post">
  <input type="text" name="username">
  <button>Отправить</button>
</form>

Я же вроде всё правильно написал?

Пользователь

от raina , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 18 дней назад от autumn_parker

Почему у меня не отображается картинка на странице? 🧐

Путь вроде правильный, а всё равно пусто.

1
<img src="images/photo.jpg" alt="Фото">

Файл точно есть в папке images, уже сто раз проверил! Что может быть не так?

Пользователь

от catherine_wintheiser , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 19 дней назад от guillermo

Почему у меня не работает JavaScript, который подключаю внизу страницы? 😩

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE html>
<html>
<head>
  <title>Моя страница</title>
</head>
<body>
  <button onclick="sayHello()">Сказать привет</button>

  <script src="script.js"></script>
</body>
</html>

А вот сам script.js:

1
2
3
function sayHello() {
  alert("Привет!");
}

Но при нажатии на кнопку — ничего не происходит. Что не так?

Пользователь

от margaret , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 20 дней назад от olen.shanahan

Ребята, почему у меня не работает выравнивание текста по центру? 😤

Пробую сделать заголовок по центру, но он всё равно слева.

1
<h1 class="title">Добро пожаловать!</h1>


1
2
3
.title {
  text-align: center;
}

А на странице он всё равно прижат к левому краю. Что я упускаю?

Пользователь

Привет! Пытаюсь сделать фиксированное меню сверху страницы, чтобы оно оставалось на месте при прокрутке, но оно всё равно уезжает вверх 😭

Может, где-то ошибка в позиционировании?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<header class="navbar">
  <nav>
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#">О нас</a></li>
    </ul>
  </nav>
</header>


<main>
  <p>Много текста...</p>
</main>


1
2
3
4
5
6
.navbar {
  position: fixed;
  top: 0;
  background-color: white;
  width: 100%;
}

Вроде бы всё сделал правильно, но при прокрутке меню всё равно исчезает! Уже замучился 😩 Что не так?

Пользователь

от forest , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 21 день назад от ciara

Ребята, спасайте! 🙏

Пытаюсь вставить SVG и покрасить его через CSS, но цвет не меняется 😡

1
2
3
<div class="icon">
  <img src="icon.svg" alt="Иконка">
</div>


1
2
3
4
5
.icon img {
  width: 40px;
  height: 40px;
  fill: red;
}

SVG точно простой, без скриптов. Почему fill: red; не работает? Я думал, можно так цвет менять...

Пользователь

от marshall.cummings , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 22 дня назад от francis_schuster

Почему у меня не работает якорная ссылка внутри страницы? 😵‍💫

Кликаю — и ничего не происходит.

1
2
3
4
<a href="#section2">Перейти к разделу 2</a>

<!-- где-то ниже на странице -->
<h2 id="section2">Раздел 2</h2>

Вроде всё правильно, ID совпадает, но при клике страница не прокручивается. Уже с ума схожу — кто сталкивался с таким?

Пользователь

от steve , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение 23 дня назад от edyth

Не могу понять, почему у меня не работает grid-раскладка 😩

Элементы просто идут в столбик, как будто grid вообще игнорируется.

1
2
3
4
5
<div class="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>


1
2
3
4
5
.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

Но всё как будто display: block. Пробовал и в другом браузере — такая же фигня. Что за магия? 😠

Пользователь

от jaylen.trantow , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение месяц назад от kurt

Ребята, подскажите, почему у меня не работает background-image? 🙃

Пишу вроде как надо, но картинка не отображается.

1
<div class="banner"></div>


1
2
3
4
.banner {
  background-image: url("images/bg.jpg");
  height: 300px;
}

Файл точно есть, путь правильный, но блок просто серый. Уже и background-size, и background-repeat добавлял — ничего не помогает. Может, я что-то упускаю?

Пользователь

от alisa.bahringer , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение месяц назад от edyth

Почему у меня <input type="number"> принимает буквы? 😵

Разве он не должен блокировать всё, кроме цифр?

1
<input type="number" name="age">

Но я спокойно могу ввести e, +, -, даже какие-то символы с клавиатуры. Это же не нормально, да? Или я чего-то не понимаю? 😓

Пользователь

от jaren , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение месяц назад от mona_terry

Не могу понять, почему у меня не подключается CSS-файл 😠

В консоли всё чисто, но стили как будто не применяются вообще.

Вот структура проекта:

1
2
3
4
/project  
  /css  
    style.css  
  index.html

В index.html пишу так:

1
<link rel="stylesheet" href="css/style.css">

А на странице всё белое и без стилей, будто я ничего не подключал. Что может быть не так? 😤

Пользователь

от rachel , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение месяц назад от maymie

Ребята, почему у меня не срабатывает transition при наведении? 😤

Хочу, чтобы цвет текста менялся плавно, но он переключается мгновенно.

1
<p class="text">Наведись на меня</p>


1
2
3
4
5
6
7
8
.text {
  color: black;
  transition: 0.3s;
}

.text:hover {
  color: red;
}

Я же вроде всё правильно указал... Почему анимации нет? Уже и all, и ease, и transition-property пробовал — не помогает!

Пользователь

от stanford_mosciski , в категории: HTML/CSS , 5 месяцев назад
1 ответ последнее сообщение месяц назад от christine

Почему у меня не работает адаптивность на мобильных? 😡

На телефоне сайт выглядит слишком увеличенным, всё как будто "зумнуто".

1
2
3
4
<head>
  <meta charset="UTF-8">
  <title>Мой сайт</title>
</head>

Я же использую width: 100% в стилях! Нужно что-то ещё? Раньше такого не было 🤯

HTML/CSS