Welcome

To the new look CSS layouts from Webstyle.

The width of this column is set to be 200 pixels. To alter the width edit the style #holderdiv

Edit

You can add/ remove the text boxes in this column the easiest way to do this is in the code view of your favourite html editor. the code is commented to make this a simple procedure.

Paragraph Headings

To create additional paragraph headings apply the h2 style.

The Traveller Themeset

Back to Design Page for The-Ingathering Click Here

This layout is a table free CSS design incorporating the elegance and fluidity only cascading style sheets can achieve.

The layout is designed to be 770 pixels wide, aligned centrally in the browser.

The font used throughout this theme is Georgia. The font is defined in the body style of this page. To change the font you need only edit the body style found within the head of each page.

For those not familiar with cascading style sheets, the style definitions found in the head of each page and are commented should you wish to edit any of the styles.

BULLETED LISTS

This is a bullet item
This is another bullet item
Bullet lists do not have added space above or below
To create a blank space above or below enter a blank line

Webstyle creates appropriate bullet graphics, in keeping with the style and colors used on this page.

To use bulleted lists in this layout it is necessary to nest them inside a single cell table. The code is commented to aid easy copying and pasting.

THE IMAGES

The images to the right of the text in this layout have the class .right applied to them. This floats the image to the right of the text block and allows the text to wrap to the full column width below the image.

Heading Style 4 - spans the full page width

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut

nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla fac Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut

Heading Style 5 - spans the full page width

If the text in the right column is longer than the outer columns it will wrap underneath to fill the full page width avoiding wasted space.