|
||
CATEGORIES Home Getting Started HTML Cheat Sheet Webmaster Tools HTML Help Forum Color Codes Link to us |
||||
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%} --> </STYLE> 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. Privacy Policy | Trademark Notices | User Agreement © 2001 TheHTMlSource.com, INC. All Rights Reserved. |