prevent background image tile

bella

Namaste
this is such a basic question but I need help... how do you stop the background image from tiling? thanks
 
Control-Click or Right-click your desktop, and choose "Change Desktop Background..." Then, from the menu-widget beside the miniature desktop, choose "Fill screen," "stretch to fill screen," "center," or... uh.... well, I suppose you don't want "tile," so there you go.
 
Actually I ment when designing websites in dreamweaver. I created a table and inserted a backgroumd image. I would like to keep the background image the fixed size, so it won't tile. Thanks
 
lol... I thought you meant your Mac desktop too.

I think there is a CSS way to make the image not tile... but I ususually do it the low tech way... I just make the image bigger with enough white space to make it not (visibly) tile.
 
Example css rule to apply:

Code:
table {
   background: #fff url("images/image.jpg") [color=red]no-repeat[/color] [color=blue]center center[/color]
   }

- no-repeat (no tiling), repeat (tile vertically and horizontally), repeat-y (tile vertically), repeat-x (tile horizontally)
- top, bottom, left, right, or center are valid for positioning


You might want to give the table an ID, otherwise that CSS rule will apply to every table in the site.

Code:
<table id="norptbg">

----------------------------

#norptbg {
   background: #fff url("images/image.jpg") no-repeat center center
   }
 
The background property in CSS will work with just about any element, even inline elements like P and H1 tags.

Example is the same 500x400 (approx) images set as backgroun to no-repeat, center, center for all tags with a yellow 1px border and background color as pink. H1, H3, P, and a div (#div).

http://homepage.mac.com/mdnky/test/test.html

---

For some reason my iDisk isn't syncing...so that page might or might not be there, guess it depends on when the thing decides to sync.
 
Back
Top