CSS-файл не соединяется с HTML (Django)

index.html Я изменил {% static "/main/css/index.css" %} на {% static "main/css/index.css" %}

 {% extends 'main/base.html' %}
    {% load static %}
    <link rel = 'stylesheet' type="text/css" href="{% static "/main/css/index.css" %}"/>
    {% block title %}
    {{title}}
    
    {% endblock %}
    {% block content %}
    
    <body>
      <div class="grid-wrapper">
        <header class="grid-header">
            <img class="circles" src="{% static "main/img/main8.jpg" %}" alt="main pic">
            <p>hello</p>
        </header>
      </div>
    </body>
    {% endblock %}

index.css

.grid-wrapper {
    display: grid;
    grid-template-columns: 1 fr;
    grid-template-rows: 1 fr;
    grid-template-areas: 'header header';
}

.circles {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

header {
    position: relative;
    width: 100%;
}

p {
    color: red;
    text-align: center;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
}

settings.py

STATIC_URL = 'static/'
STATICFILES_DIRS = [
   os.path.join(BASE_DIR, "main/static"),
]

[местоположение файла]

Я пробовал менять имена файлов, менять местоположение, подключаться другим способом, но все это не работает. Я также изменил настройки.

Вот пример моих конфигураций:

settings.py

STATIC_DIR = os.path.join(BASE_DIR,"static")
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    STATIC_DIR,
]

base.html

<!DOCTYPE html>
{%load static%}
<html lang="en">
   <head>

Структура моего файла такова:

/Project
  /App
  /Project
    /settings.py
/static
  /styles.css
/templates
  /base.html

Для получения дальнейших разъяснений вам может понадобиться поделиться структурой каталога.

Вернуться на верх