Skip navigation
Comp. 792
Currently Being Moderated

Site Wide Background image

Dec 18, 2013 10:10 PM

Tags: #background

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.

 
Replies
  • Currently Being Moderated
    Dec 19, 2013 2:37 AM   in reply to Comp. 792

    Hi

     

    If you have uploaded everything can you post a link to the actual page?

     

    To check that it is not a problem with the positioning of the background image, try changing the 2x50% values to '0'.

     

    PZ

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2013 2:39 AM   in reply to Comp. 792

    Try browsing to your site's images folder. Try using your browser's inspect feature to check your code.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 19, 2013 10:17 PM   in reply to Comp. 792

    Have a look in cache-custom.css

     

    /* Line 31 */

    #header {

      background-color: #ffffff;

    }

     

    /* Line 29 */

    #copyright {

      background-color: #ffffff;

    }

    Change the value to transparent.

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2013 2:51 PM   in reply to Comp. 792

    style.css

    /* Line 189 */

    #header .menu ul {

      list-style-type: none;

      list-style-image: none;

      list-style-position: outside;

      background-color: #ffffff;

    }

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2013 6:50 PM   in reply to Comp. 792

    Comp. 792 wrote:

     

    but the white is still behind the menu.

     

     

    Try this style in line 231:

     

     

    #header .menu.classic > ul {     overflow:visible;     background-color: transparent; }

     

     

    Add the item:     background-color: transparent.

     

    G/L

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 20, 2013 9:46 PM   in reply to Comp. 792

    Look for a p somewhere in your code. Something like #container p {

     

    Look for anything that says font or size

     
    |
    Mark as:
  • Currently Being Moderated
    Dec 21, 2013 3:43 PM   in reply to Comp. 792

    Perhaps you should start a new thread because it is a new question.  Always start a new discussion when the topic has changed so that you get different views and solutions.

     

    I went to your links and I don't see anything but my connection is a bit dodgy today.  It has been raining all day here in cold crowded Central London.  People are spending as if there is no tomorrow.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points