CakePHP, not showing my background-image from CSS file

Question

Cakephp is giving me some problems as I have set as below (I have tried any number of urls, through localhost, placing it in webroot and giving reference from that file, giving full route from localhost (this is a local test ubuntu machine, not a 3rd party server), etc, etc but it just doesn't show up.. I am using a custom layout that overrides the default layout and, as far as I can tell, it contains no reference to any sort of background image.. here is from my css file:

body {
    background-image: url('http://localhost/site1/app/webroot/img/bg1.jpg');
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:90%;

}

I have tested that this works fine with a regular HTML file, I am hoping someone has an idea of what cake is up to that is giving me this problem.. thanks

EDIT: I have tested and I can display exactly the same image within a DIV (as its background) from the same css file.. something in Cakephp is overriding the body background-image setting, but I can't figure out what.

sergserg · Accepted Answer · 2013-01-24 21:28:58Z

4

Place images in webroot/img

Place CSS in webroot/css

Write relative paths to references images in CSS styles:

background: url('../img/imagename.png');

edited Jan 24, 2013 at 21:28

sergserg

22.4k43 gold badges134 silver badges185 bronze badges

answered Oct 21, 2012 at 11:28

Dashrath

2,1891 gold badge30 silver badges34 bronze badges

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

Comments

Sarfraz · Accepted Answer · 2010-07-22 09:09:29Z

1

You spelling for background is wrong:

ackground-image: url('/root/Desktop/bg1.jpg');

If that is not the case in your actual code, make sure that you are specifying the correct path, try adding a dot before /root/

background-image: url('./root/Desktop/bg1.jpg');

answered Jul 22, 2010 at 9:09

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

4 Comments

Rick Over a year ago

oh that was a mistake that must've happened when I pasted it in.. its spelled fine in the css and not working (I edited my OP)

Rick Over a year ago

Its not a file path issue, I can display the same image within a DIV in the same CSS file, something with Cakephp is overriding the background-image setting for the body

Sarfraz Over a year ago

@Rick: Try this then background-image: url('/root/Desktop/bg1.jpg') !important;

Rick Over a year ago

I got it to work, I think it had something to do with my layout file, just a dumb error on my part.. I appreciate your help in this

Collectives™ on Stack Overflow

CakePHP, not showing my background-image from CSS file

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related