homepage Welcome to WebmasterWorld Guest from 54.235.16.159
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
Background problem!
Triyng to make a picture fill my bacgr,
hamleet




msg:957891
 5:31 pm on Apr 7, 2003 (gmt 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 :)

 

hamleet




msg:957892
 5:42 pm on Apr 7, 2003 (gmt 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...]

korkus2000




msg:957893
 7:33 pm on Apr 7, 2003 (gmt 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.

tedster




msg:957894
 7:41 pm on Apr 7, 2003 (gmt 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.

hamleet




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

Thanx for the answers :)

abethoserv




msg:957896
 4:56 pm on Apr 11, 2003 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved