CODEWITHSUNDEEP
css
Roussel Rojas
Roussel Rojas

Reputation: 9

Customizing CSS

How to locate the right url in css to have the backround images

my code here is

background: url('/assets/images/banner/banner1.jpg/') no-repeat;

and this is my local address

H:\xampp\htdocs\web-repo\test\assets\images\banner\banner1.jpg

Upvotes: 0

Views: 60

Answers (2)

CodeZombie
CodeZombie

Reputation: 2087

With a file structure like this:

+--test
   +--assets(folder)
      +--css(folder)
         +--custom(folder)
            +--custom.css
      +--images(folder)
         +--banner(folder)
            +--banner1.jpg
   index.html

To set the background image from CSS

background: url('../../images/banner/banner1.jpg') no-repeat;

Upvotes: 1

Joe
Joe

Reputation: 234

Asuming you index.html is in H:\xampp\htdocs\web-repo\test\index.html

background: url('/assets/images/banner/banner.jpg') no-repeat;

Your file is called banner.jpg and you are referring to banner1.jpg also you should remove the / from the end.

To be sure your browser is refreshing the cache use Ctrl + F5 to reload.

You can also try the "inspect element" tool in firefox or "inspect" in chrome by doing right click on your index.html. Try editing the css located in your right hand side until you get the right URL for the image. 404 means your URL is not correct.

Upvotes: 0

Related Questions