Home/ Questions/Q 3800800
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T13:56:59+00:00

I am trying to display an image from the /webroot/img/ folder using the following

  • 0

I am trying to display an image from the /webroot/img/ folder using the following CSS syntax: .template-mainbg{background:#B8D9EA url('../img/bg_top.png') repeat-x left top;}

The image never loads and if I try http://site.com/img/bg_top.png it gives me a Missing Img controller error.

This very wierd since the default Cake icon loads perfectly. Both from CSS and direct link.

What could be the problem?

Thank you!

EDIT I solved this problem. Unfortunately I spent 2 hours to figure out that Dreamweaver didn’t sync the image with the remote server. Thank you anyway for all your help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    paths are relative to the CSS document, so it depends where the CSS file is being served from.

    In the above example, ../img/bg_top.png your CSS file would need to be in the site root I believe.

    The image never loads and if I try http://site.com/img/bg_top.png it gives me a Missing Img controller error.

    my understanding is that you can’t access anything from “above” the webroot from a browser, hence the message.

    • 0