Background image not firing

Last post 06-05-2008 10:35 PM by Cyriacus. 3 replies.

Sort Posts:

  • Background image not firing

    10-26-2007, 11:15 AM
    • Loading...
    • Leisuregeek
    • Joined on 10-10-2006, 10:30 AM
    • Hertfordshire, UK
    • Posts 40

    I am getting on well with this starter kit, but a background image has all of a sudden stopped showing up.

    I don’t believe its something I have done as I have a similar two-column file that is still working a treat. I’ve not messed with the reference or anything, but for some reason the image is no longer firing.

    background:url(../../images/bg-three-column-main.png) repeat-y;

    Has anyone else had this problem or does anyone have a suggestion.

  • Re: Background image not firing

    10-26-2007, 12:04 PM
    • Loading...
    • RTernier
    • Joined on 06-05-2003, 1:40 AM
    • British Columbia, Canada
    • Posts 1,033

    The browser will look for that image in reference to where that CSS file is saved.

    Meaning if your css file was in:

    websites/stuff/css

    that image must be in:

    website/images

    --

     

    The Killer Ninja Coding Monkeys thank those that mark helpful posts as answers.

    My Site | My Examples | My Blog
  • Re: Background image not firing

    10-26-2007, 12:18 PM
    • Loading...
    • shivamG
    • Joined on 05-20-2007, 8:31 AM
    • Mauritius
    • Posts 46

    Hi;

    I had some like that happen to me too. It was ok on my xp pro machine but when I deployed on the production server, I couldn't see my images. It was due to security on iis. I just added a web.config file in the images folder and allowed access to anonymous user.  

    Regards

    Shivam 

    MCSD MCAD MCP
    MCTS - Sql2005
    CSM(Certified Scrum master)
  • Re: Background image not firing

    06-05-2008, 10:35 PM
    • Loading...
    • Cyriacus
    • Joined on 06-08-2007, 12:21 PM
    • Tampa Florida
    • Posts 9

    Make sure that it is located 2 directories above the location of your style sheet in the images folder (did the orginal image get deleted or over wrote).

    You can also add an images directory to your theme folder and copy the image in there and change the line like so:

    background:url(images/bg-three-column-main.png) repeat-y;

    this method is better when adding multiple themes to the site that may change dynamically according to who logged in.

Page 1 of 1 (4 items)
Microsoft Communities
Page view counter