Re: Django wont display images on my CSS file
On Sat, Mar 28, 2009 at 7:17 AM, Ayaz Ahmed Khanwrote: > Furthermore, it stipulates that if the given URL path is > relative, the absolute path is derived at by combining that relative > path with a base URL which, for CSS style sheets, is the base URL for > the style sheet. However, your guess is as good as mine about which > popular browsers adhere to that latter specification, in particular, > and which don't. Relative URLs in stylesheets aren't a problem these days - I think it was Netscape 4 that didn't handle them properly, or maybe an old IE. Still, no reason to abstain. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
On 28-Mar-09, at 3:14 AM, Dougal Matthews wrote: > > 2009/3/27 Brian Neal: >> >> I seem to recall that when you put references to files in your >> CSS, they are relative to that CSS file, not to the document >> root. So if that graphic file is in the same directory as your >> CSS file, change your url to: >> >> background: url(header_background.gif) no-repeat top left; >> > Isn't it just because you don't have quotes around the image address? > > background: url('/site_media/header_background.gif') no-repeat top > left; The CSS specification[0] dictates that the surrounding quotes--be they single or double--within the url() notation for describing URLs are optional. Furthermore, it stipulates that if the given URL path is relative, the absolute path is derived at by combining that relative path with a base URL which, for CSS style sheets, is the base URL for the style sheet. However, your guess is as good as mine about which popular browsers adhere to that latter specification, in particular, and which don't. Having said that, I should mention that I have in web projects that I have worked on before, where style sheets were kept within /static/css/ and the accompanying images in /static/images, specified URLs for images within the CSS style sheets via URLs of the form `/static/images/file.ext`, and found them to seamlessly work across a diverse set of browsers. [0] http://www.w3.org/TR/CSS2/syndata.html#uri -- Ayaz Ahmed Khan An evil mind is a great comfort. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
Isn't it just because you don't have quotes around the image address? background: url('/site_media/header_background.gif') no-repeat top left; Dougal --- Dougal Matthews - @d0ugal http://www.dougalmatthews.com/ 2009/3/27 Brian Neal: > > On Mar 27, 7:33 am, Gath wrote: >> Guys, >> >> Am having a problem in displaying images in my CSS file. >> >> I have a css file with the following class >> >> .header >> { >> margin-left: auto; >> bla bla >> bla bla >> ... >> background: url(/site_media/header_background.gif) no-repeat top left; >> >> } >> >> When i execute the template with this css, no image is displayed! >> But when i directly inject the background style on my template it >> works perfect. >> >> What am i not doing right! >> > > I seem to recall that when you put references to files in your CSS, > they are relative to that CSS file, not to the document root. So if > that graphic file is in the same directory as your CSS file, change > your url to: > > background: url(header_background.gif) no-repeat top left; > > Best, > BN > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
On Mar 27, 7:33 am, Gathwrote: > Guys, > > Am having a problem in displaying images in my CSS file. > > I have a css file with the following class > > .header > { > margin-left: auto; > bla bla > bla bla > ... > background: url(/site_media/header_background.gif) no-repeat top left; > > } > > When i execute the template with this css, no image is displayed! > But when i directly inject the background style on my template it > works perfect. > > What am i not doing right! > I seem to recall that when you put references to files in your CSS, they are relative to that CSS file, not to the document root. So if that graphic file is in the same directory as your CSS file, change your url to: background: url(header_background.gif) no-repeat top left; Best, BN --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
In most of my projects I have a img, css, js folder. In my css file I reference images like this url(../img/path/to/img.jpg) in my css files. The ../ basically says start the path back one directory. Not sure if this is what's causing your problem. On Mar 27, 8:10 am, Martin Ostrovskywrote: > I spoke too soon. Re-reading your comment, it does seem to be entirely > a CSS/HTML issue - not Django related. Since the inlined style works, > Django is finding the image. > > Sorry about that misleading response. > > On Mar 27, 9:07 am, Martin Ostrovsky > wrote: > > > Without seeing your settings.py file and urls.py, I can only guess, > > but you probably don't have serving static media setup correctly. If > > you're running this on the development server, you'll probably see a > > 404 next to /site_media/header_background.gif in the terminal window. > > This means Django can't find the image, probably for the reasons I > > stated above. > > > If it says 200 (or 304) next to the filename in the terminal window, > > then Django has found the image, but your CSS/HTML is the problem. > > > Hope that helps. > > > - Martin > > > On Mar 27, 8:33 am, Gath wrote: > > > > Guys, > > > > Am having a problem in displaying images in my CSS file. > > > > I have a css file with the following class > > > > .header > > > { > > > margin-left: auto; > > > bla bla > > > bla bla > > > ... > > > background: url(/site_media/header_background.gif) no-repeat top left; > > > > } > > > > When i execute the template with this css, no image is displayed! > > > But when i directly inject the background style on my template it > > > works perfect. > > > > What am i not doing right! > > > > Gath --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
I spoke too soon. Re-reading your comment, it does seem to be entirely a CSS/HTML issue - not Django related. Since the inlined style works, Django is finding the image. Sorry about that misleading response. On Mar 27, 9:07 am, Martin Ostrovskywrote: > Without seeing your settings.py file and urls.py, I can only guess, > but you probably don't have serving static media setup correctly. If > you're running this on the development server, you'll probably see a > 404 next to /site_media/header_background.gif in the terminal window. > This means Django can't find the image, probably for the reasons I > stated above. > > If it says 200 (or 304) next to the filename in the terminal window, > then Django has found the image, but your CSS/HTML is the problem. > > Hope that helps. > > - Martin > > On Mar 27, 8:33 am, Gath wrote: > > > Guys, > > > Am having a problem in displaying images in my CSS file. > > > I have a css file with the following class > > > .header > > { > > margin-left: auto; > > bla bla > > bla bla > > ... > > background: url(/site_media/header_background.gif) no-repeat top left; > > > } > > > When i execute the template with this css, no image is displayed! > > But when i directly inject the background style on my template it > > works perfect. > > > What am i not doing right! > > > Gath --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---
Re: Django wont display images on my CSS file
Without seeing your settings.py file and urls.py, I can only guess, but you probably don't have serving static media setup correctly. If you're running this on the development server, you'll probably see a 404 next to /site_media/header_background.gif in the terminal window. This means Django can't find the image, probably for the reasons I stated above. If it says 200 (or 304) next to the filename in the terminal window, then Django has found the image, but your CSS/HTML is the problem. Hope that helps. - Martin On Mar 27, 8:33 am, Gathwrote: > Guys, > > Am having a problem in displaying images in my CSS file. > > I have a css file with the following class > > .header > { > margin-left: auto; > bla bla > bla bla > ... > background: url(/site_media/header_background.gif) no-repeat top left; > > } > > When i execute the template with this css, no image is displayed! > But when i directly inject the background style on my template it > works perfect. > > What am i not doing right! > > Gath --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "Django users" group. To post to this group, send email to django-users@googlegroups.com To unsubscribe from this group, send email to django-users+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/django-users?hl=en -~--~~~~--~~--~--~---