Welcome to WebmasterWorld Guest from 54.197.116.116

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)

10+ Year Member



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)

10+ Year Member



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)

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



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)

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



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)

10+ Year Member



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

10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month