Return to our main pageGet an overview of the 100s of pages on this siteAn alphabetic index of our 100s of pagesSearch this siteby email, snail-mail or phoneThe people at NetKontoret

Tutorial and Inspection of your own siteTutorial and Script-archiveTutorial and Applet-archiveTutorial and FLA-archiveTutorial and Graphics-archiveFree Email, Webspace, Programs, Applets, Graphics and CGIWebdesign, Teaching and Consulting

 
 Home|WebSchool|HTML|BackGrounds



Click To Recomend This Site To A Friend
Tell a friend about this site!!!

Bookmarks on this page

 
 BackgroundColor
 
 Backgroundimage
 
 Fixed Image

Pages in this section

 
Basic Coding
 
Text
 
Lists
 
Images
 
Links
 
BackGrounds
 
Tables
 
Frames
 
Forms
 
Metatags
 
Hexcolors
 
Inspect your own site
 
Others & Links


HTML BACKGROUNDS

pixel.gif (43 bytes) d10.gif (111 bytes)



Whether you want to add an image or a plain color as background for your page you need to specify it in the <body>-tag.


BACKGROUNDCOLOR

Simply adding a backgroundcolor to your page is easy. All you need to do is add a bgcolor-property to the bodytag:

<body bgcolor="#FF0000">

Click here to learn about the hexadecimal system (f.ex. "#FF00CC") used in HTML to indicate colours.

Top of page


BACKGROUNDIMAGE

If you want to add a backgroundimage instead of a plain color there are some considerations you should make before doing so:

  • Is the backgroundimage discrete enough to not take away the focus from whats written on it.

  • Will the backgroundimage work with the textcolors and linkcolors I set up for the page.

  • Will the backgroundimage work with the other images I want to put on the page.

  • How long will the page take to load my backgroundimage. Is it simply too big.

  • Will the backgroundimage work when it is copied to fill the entire page. In all screen-resolutions.

After answering these questions, and still wanting to add the backgroundimage you will need to specify inthe <body>-tag which image should be used for the background:

<body background="drkrainbow.gif">

When you choose to use a backgroundimage for the page it is always a good idea to specify a backgroundcolor as well.

The reason is that untill the backgroundimage is loaded, the backgroundcolor will be shown. If the difference between the backgroundcolor and the backgroundimage is too big it will be disturbing once the browser shifts the backgroundcolor with the image. Therefore it is a good idea to specify a backgroundcolor that matches the colors of the image as close as possible.

Top of page


FIXED IMAGE

The background image will scroll when the user scrolls down the page, unless you have set it to be fixed:

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

By adding the bgproperties="fixed" you force the browser to let the background be fixed even if the user is scrolling down the page. This effect is sometimes referred to as creating a watermark.

Note: Watermarks does not work in netscape browsers - instead they simply act as normal backgrounds.

Top of page

Click To Recomend This Site To A Friend
Tell a friend about this site!!!

d10.gif (111 bytes) pixel.gif (43 bytes)



     

menumidline.gif (281 bytes)



| Home | SiteMap | Index | Search | Contact Us | About Us | E-Mail Us |
| HTML | JavaScript | Applets | Flash | Graphics | Free Stuff | Products |


This page is created & maintained by NetKontoret / Henrik Petersen
All contents Copyright © 1997, 1998 - NetKontoret / Henrik Petersen - All Rights Reserved