Q&A
実現したいこと
以下の画面のように「PEA_PRA_ASdataget」プロジェクトを作成しています。
その中の「appsei」アプリにおいてappsei/static/appsei/style.cssを設置していますが、
appsei/views.pyにcssが適用されずに困っています。
(css適用されない以外の動作は問題なくできています)
以下コードの☆部分に問題がると思っていますが・・・
ご助言お願いします。
該当のソースコード
■base.html(抜粋)
<!DOCTYPE html> <html lang="ja"> {% load static %} ☆☆☆☆☆☆☆☆☆☆ <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <title>情報検索</title> {% block extra_head %} ☆☆☆☆☆☆☆☆☆☆ {% endblock %} </head> <body> <!-- main --> {% block content %} {% endblock %} <!-- footer --> <footer class="footer"> <div class="container">
■download_sei.html(抜粋)
{% extends "base.html" %} {% load static %} ☆☆☆☆☆☆☆☆☆☆ {% load widget_tweaks %} {% block extra_head %} ☆☆☆☆☆☆☆☆☆☆ <link rel="stylesheet" type="text/css" href="{% static 'appsei/style.css' %}"> ☆☆☆☆☆☆☆☆☆☆ {% endblock %} {% block content %} <div class="container"> <div class="text-center"> <h1>製品情報 検索メニュー</h1> <h3>条件を入力してエクセルボタン<br class="d-lg-none">を押して下さい！<h3> </div> <div class="container text-center">
■views.py(抜粋)
from django.views import generic from .models import TmSeihinSiyo from django.http import HttpResponse import csv from .forms import PostSearchForm import openpyxl from django_pandas.io import read_frame import urllib.parse class Top(generic.ListView): template_name = "download_sei.html" ☆☆☆☆☆☆☆☆☆☆ model = TmSeihinSiyo
■settings.py(抜粋)
# Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/4.1/howto/static-files/ STATICFILES_DIRS = [os.path.join(BASE_DIR, "templates")] STATIC_URL = '/static/' ☆☆☆☆☆☆☆☆☆☆ STATIC_ROOT = '' MEDIA_URL = '/media/' MEDIA_ROOT = BASE_DIR / "media"
■style.css(抜粋)
.body { background-color: bisque; } .menu { text-align: center; } input { margin-top: 10px; } h1 { margin-top: 50px; }
試したこと
・style.cssの保管場所を以下の場所へ保管
website/PEA_PRA_ASdataget/static/appsei
・Microsoft Edgeのキャッシュクリア
・style.cssをbackground-colorのみの最低限の記述にする
・<link rel="stylesheet" type="text/css" href="{% static 'appsei/style.css' %}"> を
base.htmlもしくはdownload_sei.htmlの{% block extra_head %}の外(前)に記述する
補足情報
python:3.10.4
Package:Version
Django:4.1.5
django-pandas:0.6.6
urllib3:1.26.14
openpyxl:3.0.10
回答1件
0
ベストアンサー
手元に環境ないので確かめられませんが、「bodyと命名されたclass」がないのが原因では。
.body {
全部適用されていないのか、一部適用されてないのかでも違いますが・・・。
投稿2023/02/15 02:50
総合スコア80888
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/02/15 12:09