web design thoughts

navigation


memberships

Make payments with PayPal - it's fast, free and secure!
The Light Box.  A forum for photographers.
Photographic!
The Photo Forum

 does it work?  

About now you're asking yourself- "What the heck is he talking about?" I'm talking about a simple test that you can apply to those items that do not validate, but may or may not work on your web pages.

Here's how it works:

  1. Determine what it is that you want to apply the test to. Using the example page as a guide we'll choose to test if the font color will work if the table cell background properties don't work.
  2. Apply the test thus- on the example page there is the representation of a notebook. The notebook is laying on a simulated wooden desk. The pages of the notebook use a parchment image and a complimentary background color to simulate parchment pages. If the browser does support table cell background images then it should display as I've described. If it doesn't support them...
  3. What will it display? One scenario is that the browser doesn't support background images in table cells. In that case, the brown text would display on a mustard yellow background. Still very readable. A second scenario is that the browser supports neither background images or background colors in table cells. In that situation you would have brown text displaying on the simulated wood desktop. A bit harder to read, but still visible. You can see that if the font color doesn't contrast with all the possible background possibilities the text could be unreadable.

Take another example. Suppose the page background is dark blue and my text color is white. I also have a table cell with a white background color and dark blue text. Now, if we apply the works/doesn't work test to this case, what might happen?

Okay- white text on dark blue background, check. White table cell background, dark blue text, check. Browser doesn't support table cell backgrounds, check. Which leaves us with a table cell with dark blue text on a.... dark blue page background. I don't think that's going to be very easy to read, do you?

For those of you using a browser that can see table cell background colors, the following examples are provided for your viewing pleasure:

This is our simulated page colors, white text on a dark purple background.
This is our simulated table cell using dark purple words on a white background.
This is a simulation of the browser not supporting table cell background colors with the page background color showing through. It should show light purple words on a dark purple background. If your browser didn't support table cell background colors you wouldn't be able to read it.
There really is text in the space above this block of text.

This is our simulated page colors, white text on a dark purple background.
This is our simulated table cell using dark purple words on a white background.
This is a simulation of the browser not supporting table cell background colors with the page background color showing through. It should show light purple words on a dark purple background. If your browser didn't support table cell background colors you wouldn't be able to read it.
I changed the text color slightly in the example above just so you could see what I'm talking about. Both tables are identical except for the font color in this one. In reality, if background color support was not available in table cells for the viewer's browser this would display just like the table above.

That's the works/doesn't work test. Pretty simple, but many people never stop to think about the consequences of using a html feature that might not be supported. This page illustrates why it is important to both validate and use the works/doesn't work test when you design web pages.

As time goes on, this is becoming less and less of a problem. Newer browsers are replacing the older ones at a record pace. It still pays to know what happens when things "don't work" though.

 yank my chain  

Feel the need to communicate with His Grand & Exalted Bimjoness hisself?? Well, here's where ya do it! Don't be shy. If you have something you'd like to see here, just let me know and I'll see what I can do about getting it on here.

Man, this page looks so... sucky!

Yep, because all the formatting on the page is controlled by CSS. You can still see everything the site has to offer, it just looks, well... sucky. You can live with it, or you can do something about it. Assuming you have control over your browser selection and the hardware necessary to upgrade.

If you are looking for alternative browsers that are standards compliant, webstandards.org has a number of options for you to explore. So, go ahead, see what this site really looks like.