top left
The HTML Source Logo

Top Right
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
advanced search

Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us

How do I stop a background image from tiling?

This will stop your background image from tiling across the entire background of your web page, instead your background image will appear only once.

How to do it...

To stop your background image from tiling, you have to add a little CSS (Cascading style sheets) to your web page.

Place the following code somewhere in between your <HEAD> and </HEAD> tags.

<STYLE TYPE="text/css">
BODY {background-color: #FFFFFF; background-image: url(your image name.gif); background-repeat: no-repeat;background-position: 0% 0%}

Now replace the background color (#FFFFFF) to the color code of the color you want your background to be. If you don't know what the color code is of the color that you want, CLICK HERE to see all the colors and there color codes.

Next, replace your file name.gif with the actual address of the image you want to use for your background.

Finally, change the 0% 0% to where you want the background image to be placed. The first percentage is for your horizontal alignment, and the second percentage is for your vertical alignment.

For example, if you wanted your background to be in the top center of your web page, you would use 50% 0%, if you want the image to be in the dead center of your web page, you would use 50% 50%.

Leaving it at 0% 0% will place the image in the top left hand corner of your page.


Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
2001, INC. All Rights Reserved.

Site hosted by Build your free website today!