Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    duplicated background image

    hello all ive been searching for a post about my problem but none have fixed my specific problem. first off here is my site http://www.bonnieandfriendsteddybearaffair.ca/ I am using the body background tag to insert the background image. I created the image to work best on 1024x768 resolution and the computer that is displaying this website will be widescreen 1280x800 and thus when the website is viewed on that computer then the background image duplicates itself beside the original. Is there anyway to fix this. Preferably I would want a solution to just make it so that the background would not be duplicated.

  • #2
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    duplicated background image

    hello all ive been searching for a post about my problem but none have fixed my specific problem. first off here is my site http://www.bonnieandfriendsteddybearaffair.ca/ I am using the body background tag to insert the background image. I created the image to work best on 1024x768 resolution and the computer that is displaying this website will be widescreen 1280x800 and thus when the website is viewed on that computer then the background image duplicates itself beside the original. Is there anyway to fix this. Preferably I would want a solution to just make it so that the background would not be duplicated.

  • #3
    Regular Coder harlequin2k5's Avatar
    Join Date
    Sep 2005
    Location
    Holiday, FL
    Posts
    635
    Thanks
    18
    Thanked 0 Times in 0 Posts
    I didn't see any duplicate images in ie6, ff, or opera with a res of 1280x960 and 1024x768 - and I'm not able to view your style sheet - gives me an error that the page can't be viewed

    other than that - make sure you have the bg-image set to no-repeat in the body

    just a note...
    <link href="Bonnie%20and%20Friends%20Teddy%20Bear%20Affair/web-content/css/basic.css"
    try not to use spaces in your file or folder names - if you have to have a space use an underscore instead

    hope this helps

  • #4
    Senior Coder
    Join Date
    Feb 2003
    Posts
    1,665
    Thanks
    0
    Thanked 27 Times in 25 Posts
    You markup is mangled* in a way that may well prevent it from displaying consistently from one browser to the next.

    e.g.
    You open the body element before closing the head element.
    You close the body element before finishing the body content.

    What you are after can be achieved through the use of CSS instead of markup presentational attributes.
    Here's a good place to start reading: http://www.w3schools.com/css/

    However, before you get started on that, I urge you to sort out the issues with your markup as you're liable to get more consistent results using CSS on well-structured markup than in the markup you currently have.


    * I see the GoLive meta element in your markup. Was this markup really output by GoLive? Or is it a mixture of GoLive original output and your manual editing?

  • #5
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    thanx

    yes im sry I mislead you I needed a quick fix so I just added some empty white space to the right of the background image. Regardless I wish to know the exact coding as how to set the background to no repeat. Like where does it fit in after <body background="img.jpg">?

  • #6
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes tha language was a mixture of my own coding and adobe go live code. Therefore I found that it did turn out a little bit messy. Thanks for the advice.


  •  

    Posting Permissions

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