Background images have gone away-?

thilliard · August 2016

This is my CSS

body{
background: url("Story/Objects/background.jpg") no-repeat center center fixed;
background-size: cover;
}

tw-sidebar {
background-image: url("Story/Objects/signboard1.jpg");
background-position: top left;
background-repeat: no-repeat;
width: 119px;
}

My images won't show. I changed the path from the web to a local folder and the pictures won't load. Idea's on how to fix this? I have a scheduled web launch in a few days...

TheMadExile · August 2016

Are you publishing your story and placing the compiled HTML file in the appropriate directory? The compiled HTML file must be a sibling of the Story directory.

thilliard · August 2016

yes, it's in the right spot. the HTML and Story folder exist in the same spot

greyelf · August 2016

You are using mixed case in the names of the folders (Story and Objects) in your URLs, are the folders on your hard-drive the same case?

note: It is generally a good idea to use lower case instead of mix-casing when naming folders and file names that you plan to using in URL's, because some operating systems are case-sensitive which means that "Story/Objects/background.jpg" and "story/objects/background.jpg" are considered two different paths.

thilliard · August 2016

yes, they have the same case. The mixed cases work on my laptop, I can revise this once I review other comments on my beta version.. but until then, I just want to get this to work! :-(

greyelf · August 2016

Assuming that the following two conditions are both true then your example CSS works for me when tested using Chrome, Firefox, IE11 on Windows 10. It does not work in Edge, even if I changed your body element rule to a html element rule.

1. Your folder/file structure is similar to the following, note that because I don't know the name of your top most folder I will use the name unknown in my example.

unknown/
	Story/
		Objects/
			background.jpg
			signboard1.jpg

2. You saved the Story HTML file you created using the Publish to File option within the unknown folder.

Howdy, Stranger!

Categories

Background images have gone away-?

Comments