Content
This is another fully standards-compliant CSS template designed by WhamWeb.
It features a liquid design that can span to the full width of any monitor!
The rounded corners use small, fast loading images on the sides and corners. This creates a background that will expand both vertically and horizontally to whatever size the content requires (our thanks to Tedd Sperling for the method).
As you can see by the image on the left, the top-left corner of this content box is really small. Also notice that the text wraps well around the imbedded images in the content area.
The next paragraph starts at a respectable distance from the bottom of the image. There is also an image justified to the right content margin. Notice that the text wrap behave as well on that side.
The dividing line below provides a means to separate different subjects within the same content container.
Header for the "mini-box"
The 'mini-box" is nested within the "outer box". It also expands and collapses the same way as its "parent box". The different background color creates an interesting contrast and draws attention to the content within it. The overall effect will relieve the monotony of using the same style throughout the entire page.
Best uses
This Web page style is well suited for simple information sites where only a few navigation links are needed.
Although the navigation bar is somewhat limited in space for internal pages, inline links may be placed anywhere within the content of the page.
Here's a short list of possible uses
- A family Web site
- The horizontal and vertical span characteristics are great for content laden sites.
- The "image-friendly" features make this style an excellent candidate for a photo site.
- Brochure Page
- Perfect for a brochure site.
- A business can place all their ads, sales and specials with this format.
- Advertising
- Since it's possible to span the length and width of the Web page to any size, custom advertising sheets can be imbedded into the content.
- Information Web site
- This style works very well for information intensive pages
- A sub-header could be placed on subsequent pages for navigation purposes.
As with all our CSS designs, the color may be changed to your individual preferences.
We hope you can see the usefulness of this Web page style.
Don't hesitate to if you need more information E-mail us at contact@whamweb.com or visit us at WhamWeb.com.