banner art splash page link




webmaster page link

go back


Squeezable 3 Column Layout




Squeeze Me

Watch what happens when you stretch and squeeze this window as wide and narrow as it will go!

See how it looks on a small mobile screen if you have one. Three columns doesn't work very well on the smallest screens.

Different browsers and screen sizes can sometimes render the same page markup differently. I have tried to accommodate all, and recent versions of the big 5, Safari, FireFox, Chrome, Opera and Internet Explorer are finally pretty consistent in following the standards, but there may still be a few wonkys. Let me know if you find any.



hatter
The Mad Hatter


Website Maintenance

Once a website's foundation is in place most routine content updates are fairly simple and inexpensive unless they involve labor intensive operations like creating or fine-tuning graphics, or lots of text changes and proof reading.



Borderless Content with Transparent Background sample image

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.



Light Letters on a Dark Background Image

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.



Grey Panel

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.



Magenta Panel

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.

The Main Menu

Note that the typical horizontal menu bar is limited in how many tabs it can contain and how wide they can be. This can be worked around with sub-menues under main menu tabs, a space hogging vertical menu in a left sidebar, or even multiple menu bars, but at a cost in clutter and maintainability.



Green Panel with round corners & shadow

There are millions of background colors, patterns and textures to choose from. To the left is a nice handmade paper texture for the Mad Hatter.

Such backgrounds can be applied to the whole page or any page elements, like these panels.

Large areas of stark white should be avoided in consideration of eye strain and health effects if viewed after sundown.



Yellow Panel with Shadow & Round Corners

Note that all images on this page have shadows except Journey Outward (scroll down) which already has a dark frame that doesn't look right with a shadow, and, by the way, is rotated 10 degrees.

Corners can be square or rounded to any radius.

You may have also noticed that the text in the panel headers has a tiny white shadow to give it a 3D flavor.







Red Panel

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.




Graphics

Images are very important, and can be expensive to produce.

Borderless with Background Texture

Comments and suggestions are most welcome.



Panel with Background Pattern

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.



Blue Panel with Rounded Corners

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.



Cyan Panel

Quote Meon An Estimate
04/26/17

Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito.