Images in CSS not displaying when run through MAMP localhost

Question

Just started building a website and its my first time using MAMP and CodeIgniter Framework. I am trying to get images from the CSS code to display but they are not showing up when I open the website in the localhost. My question is:

Do I need to put the images in a specific location in MAMP's docs? or is there something I am not configuring first?...(I bet its something tiny I have not done..) Just to note I have tried changing the URL and file location a few times but had no luck..

Here is the CSS code which links to the image I am trying to display, everything else works except the images are not displaying.

Please help.

#header {
overflow: hidden;
width: 1000px;
height: 50px;
margin: 00px auto 20px auto;
background: url(/Applications/MAMP/htdocs/website/application/views/images/img03.jpg) no-repeat right top;
}

Try changing /Applications/MAMP/htdocs/website/application/views/images/img03.jpg to /application/views/images/img03.jpg — j08691
– j08691, Commented Mar 11, 2013 at 19:45
thanks for the reply, I tried this and changing URL's a few times but still no luck :( — Daveloper87
– Daveloper87, Commented Mar 11, 2013 at 19:51

John Paul Cárdenas · Accepted Answer · 2013-03-11 19:47:28Z

4

background: url(/Applications/MAMP/htdocs/website/application/views/images/img03.jpg)

"localhost" points to htdocs, you must set starting the route from there

background: url(/website/application/views/images/img03.jpg)

can use with F12 if you use chrome if the correct path to the image

answered Mar 11, 2013 at 19:47

John Paul Cárdenas

1271 silver badge12 bronze badges

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

3 Comments

Daveloper87 Over a year ago

Thanks for your help, I tried this as well but no luck..I forgot to mention I was using CodeIgniter in the question so I don't know if that helps answer a few questions?..

John Paul Cárdenas Over a year ago

CSS, JAVASCRIPT, IMAGES, ETC is allowed to be accessed directly, maybe you should create a directory "static" for these files in root of your directory

Daveloper87 Over a year ago

Fixed it! Needed to create a folder in the main website folder rather than under application. Thanks for your help!

Zoltan Toth · Accepted Answer · 2013-03-11 19:45:15Z

1

Change your images path. For example, if you have your css file in a folder called css, your images are in views and the 2 folders are on the same level:

background: url(../views/images/img03.jpg) no-repeat right top;

answered Mar 11, 2013 at 19:45

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

7 Comments

Daveloper87 Over a year ago

thanks for the reply, I tried this and changing URL's a few times but still no luck

Zoltan Toth Over a year ago

you have to show your folder structure.. your paths are the issue without doubts

Daveloper87 Over a year ago

Probably would of helped if I actually informed everyone what Framework I am using :s ...I am using CodeIgniter so its under their file structure if that helps?

Zoltan Toth Over a year ago

nope, it still doesn't tell where is your CSS. Can you provide the path, like you did for the image - /Applications/MAMP/htdocs/website/application/views/images/img03.jpg?

Daveloper87 Over a year ago

The CSS is in a folder css inside the views folder and that displays fine

|

Collectives™ on Stack Overflow

Images in CSS not displaying when run through MAMP localhost

2 Answers 2

3 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related