Results 1 to 7 of 7
  1. #1
    Join Date
    Mar 2009
    Location
    Scotland
    Posts
    72
    Plugin Contributions
    0

    Default background image

    OK now this may be a completely obvious question but I have tried to add an image to the background of my site and its not showing up. I added the code to the body section of the style sheet replacing the background color as so:

    background-image: url(.../images/damsakbckgrnd2.jpg) repeat fixed;

    I have tried different ways in writing it so what is it I am missing?
    the background has changed from the default and I am working with v1.3.9f
    [FONT="Book Antiqua"]www.shoe-addiction.co.uk[/FONT]

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: background image

    Where is the image saved?
    Template images like this should be in /includes/templates/your_template/images/.

  3. #3
    Join Date
    Mar 2009
    Location
    Scotland
    Posts
    72
    Plugin Contributions
    0

    Default Re: background image

    yup thats where its saved and I have double checked the spelling to make sure thats not the problem.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: background image

    Need to see your site to advise further...

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: background image

    I get

    Forbidden
    You don't have permission to access /includes/templates.Shoe_Addiction/images/damsakbckgrnd2.jpg on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    What happens if you try to view the image directly in your browser? Everybody's browsers need to be able to access the image, or it can't be displayed on the page.


    No wonder... the URL in your stylesheet has a . instead of a / in one place:

    body {
    background-image:url("../includes/templates.Shoe_Addiction/images/damsakbckgrnd2.jpg");
    color:#000000;
    font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size:12px;
    margin:0;
    }

    Putting the correct / in the URL in the address bar brings up the image fine.

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: background image

    Looking closely at your OP, I see three dots instead of the correct two:

    background-image: url(.../images/damsakbckgrnd2.jpg) repeat fixed;

  7. #7
    Join Date
    Mar 2009
    Location
    Scotland
    Posts
    72
    Plugin Contributions
    0

    Default Re: background image

    Thanks alot Glenn, I have completely overlooked this so obviously simple mistake I feel daft now :) all working now tho..

 

 

Similar Threads

  1. Background image cover entire background w/one image
    By oxicottin in forum Templates, Stylesheets, Page Layout
    Replies: 43
    Last Post: 3 Apr 2012, 03:18 PM
  2. add background image to a attribute then have that background image act as hyperlink
    By sike1234 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 14 Nov 2008, 05:38 PM
  3. How to Change Background Colour to Background image
    By ittybittykitty in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 9 Aug 2008, 04:36 PM
  4. Background Image & Background Color
    By jben in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Mar 2008, 01:11 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg