Skip navigation
Mary_Llonguet
Currently Being Moderated

Background image splits into 4!

Jan 30, 2013 9:52 AM

Yes, Im a beginner, trying to built my first website in DW6. I have a background image that is sized just as my website size 1024X768. When I insert it in

"Background"in Page Properties, instead of filling the whole page, it splits into 4. I have searched and haven't found any answer of how to solve this

Please help!! It is driving me crazy

Thank You

Miss K

 
Replies
  • Currently Being Moderated
    Jan 30, 2013 10:39 AM   in reply to Mary_Llonguet

    When you say background image splits in 4, do you mean it tiles (repeats) to fill the viewport?

    http://alt-web.com/Backgrounds.shtml

     

    Background images do not normally resize to fill the screen.  If that is the effect you want, see below for example & CSS code.

    http://alt-web.com/TEST/Resizable-BG.shtml

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 30, 2013 3:29 PM   in reply to Mary_Llonguet

    Can you show us a link to your page?

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 30, 2013 11:52 PM   in reply to Mary_Llonguet

    That link points to your computer which no one else has access to.

     

    Instead of using Page Properties use Css. Insert the snippet of code below into your pages code directly after the closing </head> tag. Go into code view to locate the closing </head> tag. It will be near to the top of the page and make sure you find the one with the leading slash /.

     

    <style type="text/css">

    body {

    background-image: url(yourBackgroundImageName.jpg);

    background-repeat: no-repeat;

    }

    </style>

     

    Replace 'yourBackgroundImageName.jpg' with the name of your image and make sure the image is directly sitting in your site root folder. If it's in a folder named 'images' then add the name of the folder to the url:

     

    background-image: url(images/yourBackgroundImageName.jpg);

     
    |
    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