Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Beginner
Nov 18, 1998

Define Background, Text, and Link Colors to Avoid Whiteouts

It's easy to change the background color of your page, but if you don't also define the foreground color and link colors, it's likely that some users will not be able to view your page. Inevitably there are users who set their browser page foregrounds and backgrounds to use unusual color combinations, such as white text on a black background (and don't check the "override" button in their preferences). When these users view the following page, they will experience a "whiteout" condition:
 
<body bgcolor="white">
	This is a page with only the background color defined.
</body>
This whiteout occurs because your page background color of white overrides their page background color of black, but you have not defined a text color, so it remains the user's choice of white. Since it is white text on a white background, nothing is visible.

To prevent whiteouts, define all the colors for your page in the BODY statement:

 
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" ALINK="#6600FF" VLINK="#CC0000">
Erik Goetze
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap