An Explanation for (and Introduction to) this portion of the site

Welcome to my little corner of the web. Don't expect anything too fancy here. I happen to think sites on the web should place more emphasis on 'function' over 'form', 'results' over 'pretty', particularly on a pages such as this where the purpose is to enlighten you about techniques for using CSS and (x)HTML which the author has found useful, and might come to be handy to others.

I will try to not clutter the Demonstrations with a lot of extravagance and needless fluff. Straight to the code.

[ To examine the code, simply "View > Source". To capture the code, "File > Save Page As > Browse to location on your Hard Drive". ]

Demonstrations and Tutorials

  1. Tooltip Demo using a span within an anchor tag to replace the Browser 'title' pop-up.
  2. 'Catalogue Display' Formats using div's and floats to display an Image and text description of Products / or Images:

    Basic design includes for: optional Titles above the image, optional text below the image, up to three text fields beside the image. ie: Product / Description/ Availability or Place / Date / Description. Adaptable easily.

  3. Defense against Rapists Guidelines.
  4. Image Gallery Formats
  5. Miscellaneous Topics
  6. Menus
    • Horizontal - centred, fixed width
    • Horizontal - centred, flexible width
    • Vertical - Unordered List
    • Vertical - DL/DT/DD Lists
    • Drop-Downs - Unordered Lists
    • Drop-Downs - DL/DT/DD Lists
  7. Cascading Style Sheet Techniques
    • Selectors - Classes and Id's
    • Margins and Padding
    • Paragraph Formatting
      • Indenting
      • First Letter Drop
  8. Background Images
    • Fixed position
    • Borders
    • Top/Bottom Repeating
    • Side Repeating - Left
    • Side Repeating - Right
    • Full Frame
  9. CSS "quasi-frames"
  10. Templates