Style 3:Faux Frames, or how to get that frame look without
actually using them.
A lot of people lately have been asking how they can give
their pages the appearence of using frames, but without actually
using them. The technique is very simple, and similar to the
method we used in the first set of styles. The major difference
of course is that we now want to have information in the left
margin area.
Again, we want to design our page so that it will work with most
browsers- assuming 640x480 resolution
The trick here is to create a BACKGROUND image file that instead
of having a complex left margin area, has a flat color with a thin
line between the left and right sides of the graphic. If when viewing
the page save the BACKGROUND image by right-clicking, you can
examine and alter this image to meet your needs.
You then set up your TABLE so that the first cell or TD contains
the navigation choices, and the second TD contains the main body
of your page.
In our example page, we have a
colored left region about 120 pixels wide. The main body area is
440 pixels wide. This allows for a nice page that does not require
side scrolling on 640X480 screens. The navigation choices are in the
left region, and are pushed down a bit by using the
transparent spacer.gif trick. You can of course place any
other graphic or text where you want to tailor the effect.
If you want to have just a little more fun with your readers,
try this. The difference between
this example and the previous is that the BACKGROUND image was
created using a screen capture of a frame border. It should fool
the average surfer for just a brief moment.
- Bruce