When I execute the following command in my terminal and click on my development server:
```auto
python3 manage.py runserver
```
I get the following error:
```auto
Failed to load resource: the server responded with a status of 404 (Not Found)
StyleS.Creators.css:1
```
SETTINGS
```auto
"""
Django settings for YouTrade1 project.
Generated by 'django-admin startproject' using Django 5.0.2.
For more information on this file, see
https://docs.djangoproject.com/en/5.0/topics/settings/
For the full list of settings and their values, see
https://docs.djangoproject.com/en/5.0/ref/settings/
"""
from pathlib import Path
import os
# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path( __file__ ).resolve().parent.parent
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/5.0/howto/deployment/checklist/
SECRET_KEY = 'This is not a secret key'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
ALLOWED_HOSTS = []
# Application definition
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'YouTrade1_App',
]
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
ROOT_URLCONF = 'YouTrade1.urls'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': (),
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
WSGI_APPLICATION = 'YouTrade1.wsgi.application'
# Database
# https://docs.djangoproject.com/en/5.0/ref/settings/#databases
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': BASE_DIR / 'db.sqlite3',
}
}
# Password validation
# https://docs.djangoproject.com/en/5.0/ref/settings/#auth-password-validators
AUTH_PASSWORD_VALIDATORS = [
{
'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
},
{
'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
},
]
# Internationalization
# https://docs.djangoproject.com/en/5.0/topics/i18n/
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/5.0/howto/static-files/
STATIC_URL = "static/"
# Default primary key field type
# https://docs.djangoproject.com/en/5.0/ref/settings/#default-auto-field
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
```
URLS
```auto
"""
URL configuration for YouTrade1 project.
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/5.0/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: path('', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.urls import include, path
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from django.conf.urls.static import static
from django.conf import settings
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from .views import home1
urlpatterns = [
path('admin/', admin.site.urls),
path('YouTrade1_App/templates/YouTrade1/YT_Creators.html', home1, name='home1'),
path('', home1, name='home1'),] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
```
VIEWS
```auto
from django.http import HttpResponse
from django.template import loader
from django.shortcuts import render
def home1(request):
return render(request, "YouTrade1/YT_Creators.html")
```
HTML Page
```auto
Creators
{% load static %}
We help Content Creators Invest in creators and share their success!
Ok I changed the folder path for the pic, but still nothing happens.
I changed it to:
```auto
YouTrade1_App/static/YouTrade1/BeYou.jpg
```
Subsequently, I also turned chace off as suggested on some other forums, but still no changes.
---
You still need to supply the appropriate url in the reference to it. You cannot just refer to it as “BeYou.jpg” as the url - that’s not the url you use to access static files.
---
Forget the fact that you’re coding a reference to this in a CSS file - that doesn’t make any difference.
A url reference to a static file is going to be the same regardless of whether it’s in an img tag, or a css file reference - or even if you put the url directly in the address bar. The URL is how you refer to that static file.
Review the docs at [How to manage static files (e.g. images, JavaScript, CSS) | Django documentation | Django](https://docs.djangoproject.com/en/5.0/howto/static-files/)
---
Sorry, you’re talking about the reference in the HTML file correct? 👼
Still I referred to it like this, but no changes yet.
```auto
```
It looks like it doesn’t find the “BeYou.jpg” - error 404;
I tried to change the color of the font and it works, so it is reading the CSS file, but it is either not finding the image or not authorized. How do I go on from here?
---
> [@Mareanto7](#):
>
> r of the font and it works, so it is reading the CSS file, but it is either not finding the image or not authorized. How do I go on from here?
I managed to search for the picture on my HTML directly, not loading it from my CSS file but still it shows like a placeholder now (I set a random weight & height) - still I don’t understand how to pass it through in my CSS first and then as background for my HTML page 😢
---
Ok, in my URLs I added the following:
```auto
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
```
Still no effect…
---
Ok, let me try it this way.
You have a reference to a static file that I believe is working (not the embedded jpg, but the reference to this file itself.)
> [@Mareanto7](#):
>
> ` `
In the url that is rendered, what is the value of the href attribute as it exists in the html page in the browser?
---
That’s what’s in the template.
What’s in the HTML _after_ it has been rendered?
(You can see this by using “view source” in the browser or the browser’s developer tools, after retrieving the page containing this reference.)
---
Once I render it - in my test runserver space it shows an error like this:
```auto
127.0.0.1/:1 Not allowed to load local resource: file:///C:/Users/rinal/PycharmProjects/YouTrade1/YouTrade1_App/static/YouTrade1/BeYou.jpg
```
On the page referring to the image (BeYou.jpg) there is a strange endless code:
---
Here it is:
```auto
href="/YouTrade1_App/static/YouTrade1/StyleS.Creators.css">
```
[Next page](https://forum.djangoproject.com/t/css-not-found-error-message-in-runserver-mode/29089.md?page=2)