Inline css image reference in Django template

Question

I passed context_object_name = 'project' in template and I need this:

<div style="background-image: url( {{ project.thumbnail.url}}  )"></div>

but above line doesn't work. However, <img src="{{ project.thumbnail.url }}" alt="thumb" /> works fine.

What is the solution? Thank you in advance

bdemirka · Accepted Answer · 2020-08-19 15:16:51Z

2

It should work with the way you did, you are just missing the width and height attributes

this one works for me:

<div style="background-image: url( {{project.thumbnail.url}}  ); width:500px; height:500px;"></div>

answered Aug 19, 2020 at 15:16

bdemirka

8372 gold badges10 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mir Stephen Over a year ago

exactly, I defined those width and height in css. sounds like it has been overwritten. This one made it. Thanks

bdemirka Over a year ago

Glad that it helped. You can either do <div style="background: url({{project.thumbnail.url}}); background-repeat: no-repeat; background-size: 500px 500px"> fill it here <br> <br> it will display the background with content </div>

Collectives™ on Stack Overflow

Inline css image reference in Django template

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related