13 Replies Latest reply on Dec 21, 2013 6:42 PM by Comp. 792

    Site Wide Background image

    Comp. 792 Level 1

      I am trying to create a no-repeat background image for my website but after following the steps below I still can't see an image in the background. Here's what I did.


      1. First I created a new plain text file named "background.css". In this file I placed the following code.


      body {

        background: url("http://www.mywebsite/harper pools/images/backgrounds/blue_sky.jpg") 50% 50% no-repeat;



      2. I then Added the following code between the <head></head> tags in the index.html page.


      <link rel=StyleSheet href="http://www.mywebsite/harper pools/css/background.css" type="text/css">


      3. Then I placed the background image in (harper pools/images/backgrounds/blue-sky.jpg)


      4. Finally I uploaded everything, but I can't see any background image.


      If someone has any idea what is wrong I would appreciate it. Thanks.