Help me please!


#1

HTML

<img src="//codecademy-discourse.s3.amazonaws.com/original/5X/0/4/f/e/04fe3786f4de41b7500c7fb576eb3aa8866a55a0.jpg" width="447" height="120">

CSS

.jumbotron {
	background: url(stock-photo-offset-machine-roll-foil-laminator-detail-235125109.jpg) no-repeat center center fixed;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	height: 400px;
	margin-top: -50px;
}

Question:

Why the background url doesn't appear on the Chrome browser? Any mistake with my code above?

Thank you :slight_smile:


#2

I noticed that you forgot to use the quotes (" ") around the url, like this:
url("stock-photo-offset-machine-roll-foil-laminator-detail-235125109.jpg")

Also, you should verify if the url you're using is actually an existing image in the directory.


#3

Hi Armand,

Thank you for the reply. Yes, the image is inside my project directory, under "img" folder.
I have added the quotes " ", but it still doesn't work, I keep wondering what the problem is.

I have checked my bootstrap link as well, so far other functions for bootstrap work perfectly, but not the images, so in order to make the images appear, i need to add the img src to html. But it shouldn't be that way right?

If you have useful articles regarding this problem, please let me know. :smiley:


#4

Take a look at this, I think it might help on your situation: File paths


#5

Thank you Armand. I appreciate your help.


#6

this is a wikipedia link
learn more i don't know why this anchor tag is not working? please help me.