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?
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...]
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:
<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.