Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Creating a Stationary HTML Web Page Background

You can create a stationary HTML web page background within your web page.

Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the following code within your <BODY> tag.

<body background ="yourimage.gif" bgproperties="fixed">

When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won't make your text difficult to read.

To prevent your background image from tiling (repeating), place the following code between your <HEAD> and </HEAD> tags.

<STYLE TYPE="text/css">
<!--
BODY { background-image: url(yourimage.jpg) }
BODY { background-repeat: no-repeat }
BODY { background-position: center }
-->
</STYLE>

Replace the text indicated in red with your image file.

 More Web Design Tips