CSS not working

[yasar arafath Kajamydeen]

Hi All,

I just added style sheet in my application but its not working , Please try to help me.

Setting.py

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '@$k&=42v@e7u26@0+woy#%aopsiv&55jjj$a=x2tr52f_5ipyh'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'polls.apps.PollsConfig',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',


]

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 = 'telusko.urls'


TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'templates')],
        '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 = 'telusko.wsgi.application'


# Database
# https://docs.djangoproject.com/en/2.2/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),  # Or path to database file if using sqlite3.
        'USER': '',  # Not used with sqlite3.
        'PASSWORD': '',  # Not used with sqlite3.
        'HOST': '',  # Set to empty string for localhost. Not used with sqlite3.
        'PORT': '',
    }
}


# Password validation
# https://docs.djangoproject.com/en/2.2/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/2.2/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

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

style.css

li a {
    color: green;
}

index.html

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
      <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

Regards,

Yasar Arafath K

[Mike Dewhirst]

On 11/10/2019 2:18 pm, yasar arafath Kajamydeen wrote:
> Hi All,
>
> I just added style sheet in my application but its not working ,
> Please try to help me.

I think you need to put your stylesheet in a separate directory reserved
for static files such as css, js etc and perhaps call it polls/static.
Then you need to run manage.py collectstatic which will copy such static
files to the directory nominated in settings.STATIC_ROOT from where they
will be served at settings.STATIC_URL

See: https://docs.djangoproject.com/en/2.2/howto/static-files/

>
>
> Setting.py
>
>
> import os
>
> # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
>
>
> # Quick-start development settings - unsuitable for production # See
> https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/ #
> SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY ='@$k&=42v@e7u26@0+woy#%aopsiv&55jjj$a=x2tr52f_5ipyh' # SECURITY

> WARNING: don't run with debug turned on in production! DEBUG =True ALLOWED_HOSTS = []

> 'NAME': os.path.join(BASE_DIR,'db.sqlite3'),# Or path to database file if using sqlite3. 'USER':'',# Not used with sqlite3. 'PASSWORD':'',# Not used with sqlite3. 'HOST':'',# Set to empty string for localhost. Not used with sqlite3. 'PORT':'',

> }
> }
>
>
> # Password validation #
> https://docs.djangoproject.com/en/2.2/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/2.2/topics/i18n/ LANGUAGE_CODE ='en-us' TIME_ZONE ='UTC' USE_I18N =True USE_L10N =True USE_TZ =True # Static files (CSS, JavaScript, Images) #

> https://docs.djangoproject.com/en/2.2/howto/static-files/ STATIC_URL ='/static/' STATICFILES_DIRS = [
> os.path.join(BASE_DIR,'style.css'),
> ]

> *_style.css_*
> li a {
> color: green;
> }
> *_index.html_*

> {% load static %}
>
> <link rel="stylesheet" type="text/css" href="{% static
> 'polls/style.css' %}">
> {% if latest_question_list %}
> <ul>
> {% for question in latest_question_list %}
> <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
> {% endfor %}
> </ul>
> {% else %}
> <p>No polls are available.</p>
> {% endif %}
> Regards,
> Yasar Arafath K

> --
> You received this message because you are subscribed to the Google
> Groups "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send
> an email to django-users...@googlegroups.com
> <mailto:django-users...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/3a71830f-e494-47b0-be2d-6d43e8d7cb27%40googlegroups.com
> <https://groups.google.com/d/msgid/django-users/3a71830f-e494-47b0-be2d-6d43e8d7cb27%40googlegroups.com?utm_medium=email&utm_source=footer>.

[Suraj Thapa FC]

In your settings.py

At STATICFILES_DIRS you had write basedir, style. Css instead style.css write "static" 

--

You received this message because you are subscribed to the Google Groups "Django users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/3a71830f-e494-47b0-be2d-6d43e8d7cb27%40googlegroups.com.

[yasar arafath Kajamydeen]

Hi Mike,

I created separate folder for static, Please find the att (polls.xlsx).

Regards,

Yasar Arafath K

[yasar arafath Kajamydeen]

Hi Suraj,

As for your suggestion i tried like this  but its not working , Please do needful.

STATIC_URL = '/static/'
STATICFILES_DIRS = [

    os.path.join(BASE_DIR, 'static'),
]

Regards,

Yasar Arafath K

On Friday, October 11, 2019 at 11:18:42 AM UTC+8, yasar arafath Kajamydeen wrote:

[Suraj Thapa FC]

Send the directory structure of the project

--

You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/bb82f38d-8e9d-4ef7-a1b9-ea3726973ff0%40googlegroups.com.

[yasar arafath Kajamydeen]

@Suraj - Please find the polls.xlsx   attachment in conversation . 

To unsubscribe from this group and stop receiving emails from it, send an email to django...@googlegroups.com.

[Jani Tiainen]

Hi.

You could try to diagnose issue with findstatic management command:

./manage.py findstatic -v 3 polls/style.css

You should get a list of paths Django tried to look for your static file (stylesheet) and of course was it found.

--

You received this message because you are subscribed to the Google Groups "Django users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/3a71830f-e494-47b0-be2d-6d43e8d7cb27%40googlegroups.com.

[yasar arafath Kajamydeen]

@ Jani - Executed the  given cmd, Please find the output and please guide me further ..

(mypython) C:\Users\kajamydeenya\telusko>python manage.py findstatic -v 3 polls/style.css

Found 'polls/style.css' here:

  C:\Users\kajamydeenya\telusko\polls\static\polls\style.css

Looking in the following locations:

  C:\Users\kajamydeenya\telusko\static

  C:\Users\kajamydeenya\telusko\polls\static

  C:\Users\kajamydeenya\telusko\mypython\lib\site-packages\django\contrib\admin\st

Regards,

Yasar Arafath K

To unsubscribe from this group and stop receiving emails from it, send an email to django...@googlegroups.com.

[yashwanth .k]

Hello,

You must make a separate directory in static folder.

in the html file try using { load staticfiles } not {load static}

To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8d43bdc9-d1d8-4bcd-842a-2e73296cac51%40googlegroups.com.

[Jani Tiainen]

Hi.

As you see Django indeed found your static file.

Next step is to open up developer tools in browser and load your page. You should be able to use it to determine was file even loaded and was your style applied to link 

Note that if I'm not mistaken plain color only affects unvisited links and visited link may stay different colored and thus seemingly you see that it wasn't doing "nothing".

To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8d43bdc9-d1d8-4bcd-842a-2e73296cac51%40googlegroups.com.

[yasar arafath Kajamydeen]

 Hi yashwanth  - The Suggested one tried already in earlier, But its not working .

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8d43bdc9-d1d8-4bcd-842a-2e73296cac51%40googlegroups.com.

[yasar arafath Kajamydeen]

@ Jani - Tried the same no reaction in page.

Please find the att (test.xlsx).

Regards,

Yasar Arafath K

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8d43bdc9-d1d8-4bcd-842a-2e73296cac51%40googlegroups.com.

[No Name]

guys can we make a groupchat on whatsapp?

--

You received this message because you are subscribed to the Google Groups "Django users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.

[Suraj Thapa FC]

Ya sure

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CANxSDauhCsonOmP1cExV-_KwJVSjhYhCXQLPn6kJ2uhLobvU3g%40mail.gmail.com.

[Rajkumar Mittal]

sure