Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

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 Free HTML Tips, Tags and Codes

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

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

webmaster resources
website design

How To Make Your Web Page Background Image Stationary

(Internet Explorer)

If you'd like to display a stationary image behind your text, you can do so by adding attributes to your HTML body tag.

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

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

Edit the text indicated in bold to suit your needs.

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>

Using a stationary image background provides a great way to enhance your web page.




Submit your HTML code snippets. We'll credit you and give you a link to your website.