...

View Full Version : duplicated background image



fez1122
12-11-2005, 05:38 AM
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.

fez1122
12-11-2005, 05:38 AM
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.

harlequin2k5
12-11-2005, 06:40 AM
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

Bill Posters
12-11-2005, 10:03 AM
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?

fez1122
12-11-2005, 05:23 PM
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">?

fez1122
12-11-2005, 05:25 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum