Left Multimedia

../../Theme/mulitimedia/Sample.swf

Left Feature

The following image is already wider than the parent leftFeature, so invokes the 'oversized content' horizontal scrollbar.

Right Multimedia

../../Theme/mulitimedia/Sample.swf

Latest News

News Item1

News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1 News Item 1

News Item2

News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2 News Item 2

News Item3

News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3 News Item 3

News Item4

News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4 News Item 4

Custom Right Feature

This is a customised right feature as per the photoshop visual of Women's Army Forum. This is a customised right feature as per the photoshop visual of Women's Army Forum. This is a customised right feature as per the photoshop visual of Women's Army Forum. This is a customised right feature as per the photoshop visual of Women's Army Forum.

Right Feature heading long enough to force 2 lines or more

Test Content Test Content Test Content Test Content.

Right Feature List

Points header:

  • Point 1 in a list with dots as bullets
  • Point 2 as a link in a list with dots as bullets
  • Point 3 as a link in a list with dots as bullets

wfedjwe hqbgdkej ldfcjwe lkvf dfk cvj sdl;kfvj sdfl;k aldfj kcslfdvjcs dflkvjsdflkjl

  • Point 1 in a list with dots as bullets
  • Point 2 as a link in a list with dots as bullets
  • Point 3 as a link in a list with dots as bullets

wfedjwe hqbgdkej ldfcjwe lkvf dfk cvj sdl;kfvj sdfl;k aldfj kcslfdvjcs dflkvjsdflkjl

  • Point 1 in a list with dots as bullets
  • Point 2 as a link in a list with dots as bullets
  • Point 3 as a link in a list with dots as bullets
  • Point 1 in a list with circles as bullets
  • Point 2 in a list with circles as bullets
  • Point 3 in a list with circles as bullets
  • Point 1 in a list with squares as bullets
  • Point 2 in a list with squares as bullets
  • Point 3 in a list with squares as bullets
  1. Point 1 in a list with Alpha as bullets
  2. Point 2 in a list with Alpha as bullets
  3. Point 3 in a list with Alpha as bullets
  1. Point 1 in a list with alpha as bullets
  2. Point 2 in a list with alpha as bullets
  3. Point 3 in a list with alpha as bullets
  1. Point 1 in a list with Number as bullets
  2. Point 2 in a list with Number as bullets
  3. Point 3 in a list with Number as bullets
  1. Point 1 in a list with Roman as bullets
  2. Point 2 in a list with Roman as bullets
  3. Point 3 in a list with Roman as bullets
  1. Point 1 in a list with roman as bullets
  2. Point 2 in a list with roman as bullets
  3. Point 3 in a list with roman as bullets
  • Point 1 in a list with none as bullets
  • Point 2 in a list with none as bullets
  • Point 3 in a list with none as bullets

Image only

images/f111_formation.jpg

Large Image

Resize the browser smaller to invoke the 'oversized content' horizontal scrollbar at the base of the section.

Multimedia

../../Theme/mulitimedia/Sample.swf

IE6 italic bug check

In websites with fluid content area, resize the browser very slowly so that the width of the page (and thus, this paragraph) changes. IE6 misbehaves by increasing the width of the paragraph block when a word is very near to the edge opposite the text-alignment (in this case right edge for left aligned text). The paragraph effectively becomes 'oversized content', so our oversized content fix becomes activated, invoking the horizontal scrollbar at the base of the section.
x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x.

This is preferable to the paragraph dropping down beneath the left or right content (which happens without either of the IE6 italics bug fix or the oversized content fix). In this case it is a few pixels. Larger point sizes create a larger width increase, and so invokes a larger scroll.

Fixed width content with the IE6 italics bug will always show the scrollbar.

Lists as Tables

ComWeb Reference - Table

Title Contact PublishedDate
Board report Sept 06 (Word, 1 KB) EL PRES Adam Pollard 29-Sep-2006
ComWeb Introduction (PDF, 1 KB) EL PRES Adam Pollard 29-Sep-2006
docs/Download_calculations.xls (Excel, 1 KB) EL PRES Adam Pollard 29-Sep-2006
uuijhguijh (Word, 21 KB) EL PRES Adam Pollard 21-Apr-2006
Visual Demo  
Welcome Page - CompuCraft Open in new window 29-Sep-2006
Yahoo (AU) Open in new window  

ComWeb Reference - Table with icon

Title Contact Author PublishedDate Description
Board report Sept 06 (Word, 1 KB) EL PRES Adam Pollard EL PRES Adam Pollard 29-Sep-2006  
ComWeb Introduction (PDF, 1 KB) EL PRES Adam Pollard EL PRES Adam Pollard 29-Sep-2006  
docs/Download_calculations.xls (Excel, 1 KB) EL PRES Adam Pollard EL PRES Adam Pollard 29-Sep-2006  
uuijhguijh (Word, 21 KB) EL PRES Adam Pollard EL PRES Adam Pollard 21-Apr-2006  
Visual Demo    
Welcome Page - CompuCraft Open in new window 29-Sep-2006  
Yahoo (AU) Open in new window    

ComWeb Reference

ComWeb Introduction
ComWeb Introduction (PDF)


ComWeb Logo


Compucraft website

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lobortis dignissim odio. Morbi dui massa, imperdiet ut, mattis ut, aliquet eget, pede. Sed varius cursus dolor. Cras et odio. Donec iaculis lacus non est. Vestibulum commodo ante sit amet orci. Vestibulum euismod, tellus a aliquet condimentum, quam ante lacinia nulla, fringilla cursus elit neque nec quam. Praesent lacinia augue. Donec faucibus elit sit amet nisl. Phasellus bibendum arcu vel turpis pharetra blandit. Aliquam erat volutpat. Sed dictum sollicitudin nisl.

Nam lacus leo, pulvinar sit amet, accumsan eget, egestas at, ipsum. Vivamus non ipsum quis metus porta aliquet. Fusce rutrum nisi sit amet justo. Nam luctus ullamcorper leo. Fusce nisl. Vivamus varius elit eget lorem. Phasellus aliquam lacus quis sapien. Aenean congue fermentum risus. Integer commodo convallis leo. Pellentesque viverra hendrerit quam. Morbi ornare. Donec cursus. Duis non dolor. Etiam id lectus sed nibh vulputate cursus. Vivamus ornare ipsum eu purus. Ut blandit.

Duis tellus neque, varius in, accumsan non, luctus vel, ipsum. Nunc sed tortor sit amet sem placerat hendrerit. Vestibulum ac quam. Sed vitae magna sit amet ipsum convallis lacinia. Pellentesque eleifend, diam quis aliquet tempus, mauris sapien lacinia nisi, at aliquet dolor quam ut turpis. Praesent vitae metus. Duis ultricies. In nec dolor. Sed nonummy, tellus id lobortis adipiscing, pede mauris hendrerit sapien, vel lobortis nulla sem quis ipsum. Praesent auctor venenatis leo. Duis ac mauris vitae sapien placerat fringilla.

Animation

20 jan 09 Time Topic
  1730 Unit Parade

Paragraph with a long heading, Paragraph with a long heading, Paragraph with a long heading, Paragraph with a long heading

line 1

line 2

line 3

Managers

Rank Given Names Surname Phone
  Leon Bubenicek  
SGT Shane Buckby (02) 458 73291
EL PRES Adam Pollard 6241 5305
  Erica Pollard  

Managers

Title PublishedDate
Board report Sept 06 (Word, 1 KB) 29-Sep-2006
docs/Download_calculations.xls (Excel, 1 KB) 29-Sep-2006

wertwertwertrfdghfewtwret yt rey teyrty

line 4

Text introducing the bullet points:

  • XXXXXXXXXXX
  • XXXXXXXXXXXX
  • XXXXXXXXXXXX
topic

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text


sjdgfjksgdfjdsvjfdf:

  • XXXXXXXXXXX
  • XXXXXXXXXXXX
  • XXXXXXXXXXXX

Test Content Test Content Test Content Test Content Test Content Test Content Test Content Test Content Test Content Test Content Test Content

Google
Google Open in new window

ComWeb Reference - List

ComWeb Reference - List with icon

Lists

  • Point 1 in a list with dots as bullets
  • Point 2 in a list with dots as bullets
  • Point 3 in a list with dots as bullets
  • Point 1 in a list with circles as bullets
  • Point 2 in a list with circles as bullets
  • Point 3 in a list with circles as bullets
  • Point 1 in a list with squares as bullets
  • Point 2 in a list with squares as bullets
  • Point 3 in a list with squares as bullets
  1. Point 1 in a list with Alpha as bullets
  2. Point 2 in a list with Alpha as bullets
  3. Point 3 in a list with Alpha as bullets
  1. Point 1 in a list with alpha as bullets
  2. Point 2 in a list with alpha as bullets
  3. Point 3 in a list with alpha as bullets
  1. Point 1 in a list with Number as bullets
  2. Point 2 in a list with Number as bullets
  3. Point 3 in a list with Number as bullets
  4. Point 3 in a list with Number as bullets
  5. Point 3 in a list with Number as bullets
  6. Point 3 in a list with Number as bullets
  7. Point 3 in a list with Number as bullets
  8. Point 3 in a list with Number as bullets
  9. Point 3 in a list with Number as bullets
  10. Point 3 in a list with Number as bullets
  11. Point 3 in a list with Number as bullets
  12. Point 3 in a list with Number as bullets
  13. Point 3 in a list with Number as bullets
  14. Point 3 in a list with Number as bullets
  15. Point 3 in a list with Number as bullets
  16. Point 3 in a list with Number as bullets
  17. Point 3 in a list with Number as bullets
  18. Point 3 in a list with Number as bullets
  19. Point 3 in a list with Number as bullets
  20. Point 3 in a list with Number as bullets
  1. Point 1 in a list with Roman as bullets
  2. Point 2 in a list with Roman as bullets
  3. Point 3 in a list with Roman as bullets
  1. Point 1 in a list with roman as bullets
  2. Point 2 in a list with roman as bullets
  3. Point 3 in a list with roman as bullets
  • Point 1 in a list with none as bullets
  • Point 2 in a list with none as bullets
  • Point 3 in a list with none as bullets

Headings

Largest V3 Banner

Large V3 Banner

Medium V3 Banner

Small V3 Banner

Smallest V3 Banner

Banner One

This is Banner1 style

Banner Two

This is Banner2 style

Banner Three

This is Banner3 style

Banner Four

This is Banner4 style

Banner Five

This is Banner5 style

Para Style

Step 1 >

Duis tellus neque, varius in, accumsan non, luctus vel, ipsum:

  • nunc sed tortor sit amet sem placerat hendrerit
  • vestibulum ac quam. Sed vitae magna sit amet ipsum convallis lacinia pellentesque eleifend, diam quis aliquet tempus, mauris sapien lacinia nisi, at aliquet
  • dolor quam ut turpis raesent vitae metus tellus id lobortis adipiscing, pede mauris hendrerit sapien, vel lobortis nulla sem quis ipsum. Praesent auctor venenatis leo. Duis ac mauris vitae sapien placerat fringilla.

Step 2 >

Duis tellus neque, varius in, accumsan non, luctus vel, ipsum:

  • nunc sed tortor sit amet sem placerat hendrerit
  • vestibulum ac quam. Sed vitae magna sit amet ipsum convallis lacinia pellentesque eleifend, diam quis aliquet tempus, mauris sapien lacinia nisi, at aliquet
  • dolor quam ut turpis raesent vitae metus tellus id lobortis adipiscing, pede mauris hendrerit sapien, vel lobortis nulla sem quis ipsum. Praesent auctor venenatis leo. Duis ac mauris vitae sapien placerat fringilla.

Step 2.1 >

Duis tellus neque, varius in, accumsan non, luctus vel, ipsum:

  • nunc sed tortor sit amet sem placerat hendrerit
  • vestibulum ac quam. Sed vitae magna sit amet ipsum convallis lacinia pellentesque eleifend, diam quis aliquet tempus, mauris sapien lacinia nisi, at aliquet
  • dolor quam ut turpis raesent vitae metus tellus id lobortis adipiscing, pede mauris hendrerit sapien, vel lobortis nulla sem quis ipsum. Praesent auctor venenatis leo. Duis ac mauris vitae sapien placerat fringilla.