Using Pixel Shims





This may be a way to build Tables similar to the gradtables. With one great benefit. They should be view-able by PC's and without downloading the WebTV viewer. I have had this concept in the back of my mind ever since I heard and saw the 1x1 pixel images being used by PC sites as backgrounds for tables and webpages. It started to come into focus last night when I was looking around this persons website and clicked on this page:

Using Pixel Shims To Format

So I started playing with these tags, adjusting the various numbers for just a few minutes. Ideas started rapid firing as I am sure they will with some of you. I would like more of the 1x1 pixel images in a wide spectrum of colors. As well as suggestions on how to make our own. If I had more colors to work with I could get much better results.
I would like your help in exploring this.
It has great potential IMNHO






Alignment ="top".

Alignment ="middle".

Alignment ="absmiddle".

Alignment ="bottom".

Tags for the four above images:

<<>img width=50 height=50 hspace=10 src="gif_name1x1.gif" align="???????">

These are the three 1x1 pixel images used on this page. I have displayed them at 5x5 so you can see them. Click on the images to see what they look like in their original form.

blue1x1.gif

red1x1.gif

yell1x1.gif

Added a clear one pixel gif to experiment with
As I make more I will add them to this line up
clear1x1.gif

white21x1.gif

blueviolet1x1.gif



The above table header area includes these tags:
<<>td align=center valign=middle height=20 bgcolor=maroon nowrap<>>
The following uses standard image tags as in
<<>img width=490 height=3 src="red1x1.gif"<>>




The following uses standard image tags as in
<<>img width=2 height=280 src="red1x1.gif<>>



The following includes these tags as in:
<<>img width=400 height=3 hspace=1 vspace=1 align=center src="red1x1.gif"<>>






The following includes these tags as in:
<<>img width=1 height=400 hspace=1 vspace=1 align=center src="red1x1.gif"<>>
The following includes these tags as in:
<<>img width=380 height=3 hspace=1 vspace=1 align=right src="red1x1.gif<>>


A couple of questions I have are:

Could a transparent pixel 1x1.gif be used with the tags of bgcolor= or/and font tag effects=raised, emboss, etc and have a effect on the viewed images of any degree?


Another question:

If we took a transparent pixel 1x1.gif and resized it to 2x2 or 3x3 then composited it, "center", "atop", or "over" a 1x1.gif of color what would the results be? A transparency slightly colored film? Or mini polkadots? LOL

ExampleTableborder
NoWrapTablePlay

This a plain colored swatch #003300

This is the same swatch resized, & layered with 7 layers of clear 1x1 pixels while rotating to the left and changing gravity. I wanted to see if we could tell a difference? Trying to give us a way to create 'Depth' that is both clear and glass like.


Cut Copy and Paste text area box with the basic codes from this page for you to experiment with.




Please Visit my other pages
~E WebMaster~
Include URL of the Page
or Image in your email

remove N0PEZPAM from addy
© www.scri8e.com 1998-2004
All rights reserved

WDG W3C4.0
HTML Correct Checked
Viewed The Same


Config-Municate Cyberia