Welcome to WebmasterWorld Guest from 54.144.107.83

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

Background problem!

Triyng to make a picture fill my bacgr,

     
5:31 pm on Apr 7, 2003 (gmt 0)

New User

10+ Year Member

joined:Apr 7, 2003
posts:3
votes: 0


Hello everyone, i'm new so excuze my simple problems but i don't understand 2 things: i made a jpg to be my backgr. image of my site but when i prewiew it...the jpg multiply!
The jpg i created has a small graphic in the top right corner but Dreamweaver duplicated it.
How can i have only one jpg as backgr. in the top right corner of the page?

The second problem is this: on a page in Dreamweaver i put a black cell on the top of the site so i have the top of the page black...but in the preview the cell is NOT long enough...i mean, i still have a small area of white in the right!
How can i have my top of the page black from left to right?

Hope someone could help me :)

5:42 pm on Apr 7, 2003 (gmt 0)

New User

10+ Year Member

joined:Apr 7, 2003
posts:3
votes: 0


The thing is: look at this site on the top and then hit F11 and you will see what i'm talking about...the picture still is long from the left to right and has no white spaces!
HERE IS THE SITE:
[sault-canada.com...]
7:33 pm on Apr 7, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
posts:3732
votes: 0


Are you using 100% in the table width? Is the problem only with IE? IE has a bug with 100% tables and resizing.

As for not getting the background to tile sites you have seen mostly add tables with background colors of white to hide the tiling.

7:41 pm on Apr 7, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


The first situation is something that CSS handles. The default behavior for a background image is that the browser will tile it to fill the window background, vertically and horizontally beginning at (0,0).

You can change these defaults by using background-repeat: and background-position:

So,

<body style="background-image: (url:image.jpg);background-repeat: no-repeat;"> will begin your image at (0,0) and only render it once in each direction instead of tiling it over and over.

Other options for background-repeat: are repeat-x and repeat-y. And if you want the image to begin at some other set of coordinates than (0,0) you can specify that position by saying background-position:100px 200px; or whatever coordinates you need.

If I understand your second question properly, it can be resolved by placing a background-image or a background-color, rather than using a fixed width image. The browser will fill the background space for as far as it goes in each users window if you set the background-repeat: property the way you need to for your layout.

7:37 am on Apr 8, 2003 (gmt 0)

New User

10+ Year Member

joined:Apr 7, 2003
posts:3
votes: 0


Thanx for the answers :)
4:56 pm on Apr 11, 2003 (gmt 0)

New User

10+ Year Member

joined:Apr 11, 2003
posts:5
votes: 0


forget all that fancy stuff, just size it correctly (100%) then add bgproperties="fixed" to your body header
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members