search

Media-Ed-Online / intro-web-dev-2017aut

Site for course "Introduction to Web Design and Development."
https://media-ed-online.github.io/intro-web-dev-2017aut/
MIT License
12 stars 3 forks source link

Background images #93

Open AndrewMartinezMT opened 6 years ago

AndrewMartinezMT commented 6 years ago

I am having trouble putting a background image on one page of my website for the CSS assignment. I put the "style" element in the header and wrote:<div.main-container { background-image: image(./images/wildfire.jpg); }

I have the image in my images folder but it does not seem to be showing up. Does anyone have any suggestions on how the background image could be displayed on its own in the background?

fbrown222 commented 6 years ago

Maybe try adding another period to your image reference, like so: 

<div.main-container {
background-image: image(../images/wildfire.jpg);
}
</style>

that's what happened with mine, and it worked when I added the extra period. Good luck! I'm not good at coding, so I can't make promises it will work.

JustineEvansUM commented 6 years ago

To start, remove your starting < so that it says

<style>
   div.main-containter {

and see what happens there.