Не подключается CSS-файл

@Just_Max · Регистрация: 10.06.2020

Студворк — интернет-сервис помощи студентам

Вопрос заключается в том, что не подключается CSS-файл к HTML при создание сайта на django.
Вот как я писал:
(wrapper.html)

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="static/4chats/styles.css">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% block title %}{% endblock %}</title>
</head>
<body>
   <div class="navbar">
      <div class="home">
         <a class="link4home" href="http://127.0.0.1:8000/"><p class="home_text">HOME</p></a>
      </div>
   </div>
   {% block body %}
   {% endblock %}
</body>
</html>

(styles.css)

CSS
1
2
3
body {
   background-color: #000;      (это пока просто для теста)
}

Подскажите пожалуйста, что я пишу не так!

@Kerry_Jr · 02.08.2020, 10:30

Сообщение от Just_Max

это пока просто для теста

А как вы определили, что не подключается файл?

Сообщение от Just_Max

HTML5
1
2
<link rel="stylesheet" type="text/css" href="static/4chats/styles.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

Лучше поменять местами эти строки

@m0nte-cr1st0 · 02.08.2020, 12:31

Сообщение от Just_Max

через load static подключай такое

@Onet1me · 02.08.2020, 16:22

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
{load static}
<html lang="en">
<head>
   <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="{% static '4chats/styles.css' %}>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% block title %}{% endblock %}</title>
</head>
<body>
   <div class="navbar">
      <div class="home">
         <a class="link4home" href="http://127.0.0.1:8000/"><p class="home_text">HOME</p></a>
      </div>
   </div>
   {% block body %}
   {% endblock %}
</body>
</html>

Примерно так если у тебя в сеттингах прописана статика

@m0nte-cr1st0 · 02.08.2020, 22:19

А это что такое? оО
href="http://127.0.0.1:8000/"

@Onet1me · 02.08.2020, 22:36

хард кор)

Новые блоги и статьи Все статьи Все блоги /
BOINC: 22 года — и всё ещё работает Programma_Boinc 12.03.2026 BOINC: 22 года — и всё ещё работает Дэвид Андерсон написал ретроспективу. Кратко: в 2001 году он ушёл из United Devices, где был CTO, и за несколько месяцев написал ядро BOINC — клиент, сервер,. . .	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@m0nte-cr1st0 1043 / 578 / 242 Регистрация: 15.01.2019 Сообщений: 2,178 Записей в блоге: 1
	02.08.2020, 22:19
	А это что такое? оО `href="http://127.0.0.1:8000/"` 0

@Onet1me 60 / 44 / 18 Регистрация: 05.03.2019 Сообщений: 313
	02.08.2020, 22:36
	хард кор) 0

Не подключается CSS-файл

Решение