load static in css file

[Chander shekhar]

I am unable to fetch images from css file .

I have used {% load static %}

{% static 'imag.jpg' %}

buti can't fetch.console is saying image not found.

[Irfan Khan]

{% static 'imag.jpg' %}   instead of this try

{% static “images/imag.png” %}

--
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/554cbaf1-3b94-40b4-a0f1-efe0bd3f24ceo%40googlegroups.com.

[chander shekhar]

tried this buddy yet it is not working

Regards

Chander Shekhar

(bestcsp)

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CALKGVio%3DAsCafgcd-zfjBb2of-RWbPaTwwGjf7sXbjstgFdM6Q%40mail.gmail.com.

[Yemin Sajid]

This may not work as intended if the CSS files are not rendered using the Django template engine. You have to put the style declaration where you'd need the image in the <style></style> tag in your template code. From there you can use the {% static “images/imag.png” %} syntax.

[Obodoma Uzondu Vincent]

Hello your have to follow the direction where you stored your file . Generally, in Django you create a static folder then maybe an image files where you store the images. You should link the image this way src= "{% static 'images/imag.png' %}"

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/f0e45bd1-68ca-405f-a033-c808d6da53d5n%40googlegroups.com.

[MAMADOU KANTE]

Hi Everybody!

I am trying to set a background image using the STYLE tag with django template as follows:

 <div class="background-img-wrapper" style="background-image: url(images/background1.jpg)"></div>

But when I open the HTML page and inspect the page I receive an image with width zero. Can anyone help?

When I use the same syntax on a regular HTML without django templates it works.

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

[Akash Sinha]

Hi

Create a folder inside ur project as static and keep ur images,css and js files into that folder then in your settings.py file define static path. U need to run python manage.py collect static command on terminal and then you have to link that css file in HTML

Hint: check for Managing static files in official django doc or try stack overflow.com you will get example to setup static path

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

[sapna Choudhary]

create a directory named 'static' in the current directory. This directory is used to store images/css files, you can load static in template using {%load static%}  this code block and link under image tag like this {% static 'app_name/img.jpg' %}

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

[MAMADOU KANTE]

I did load static at the top of the file {% load static %}.

Also I linked the CSS file named style.css. Part of the css file was working perfectly. I only had issues with the background image.

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

[RANGA BHARATH JINKA]

Hi,

     Try this.

     style="background: url(../images/showcase.jpg) no-repeat top center !important;"

    Add these in your settings.py file.

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

  STATIC_URL = '/static/'

  STATICFILES_DIRS = [
     os.path.join(BASE_DIR, 'static')
  ]

   MEDIA_URL = '/images/'

    MEDIA_ROOT = os.path.join(BASE_DIR, 'static/images')

     Also check the correct path of images. Whether the images are loading properly by pasting the image path url in the browser.

     All the best.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAOUY%2BRpFeLzvsK57oNzObXKQwx7kRYgthirF0F0%3DUBkgNuLqYw%40mail.gmail.com.

--

Thanks and Regards

J. Ranga Bharath

cell: 9110334114

[sapna Choudhary]

The image which you want as background image has to be in static folder.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAOUY%2BRpFeLzvsK57oNzObXKQwx7kRYgthirF0F0%3DUBkgNuLqYw%40mail.gmail.com.