Recent Changes - Search:

CSS

Team: Webteam Task list Roles Technology: PHP Perl CSS PmWiki Links Development notes Website: About All recent changes


Tararua Tramping Club - CSS usage

Cascading Style Sheets

Separates formatting from content. Assists with consistent layout, formatting, and style across the entire web site. Also makes files smaller and conseqently quicker to load.

  • every page includes ttc.css and ttc2.css
  • all CSS property, descriptor, and pseudo-class names are written in lower case

TTC CSS Usage

  • Usage
  • References
  • Backward Compatibility
  • Test examples

CSS Usage

'''bold
''italic
'*strong
'~emphasis
<blockquote>blockquote
<tt>teletype

----

<a> anchor

heading 1

heading 2

heading 3

<h4> heading 4 <h5> heading 5 <h6> heading 6 ul

<ol> ol

.stdtbl class stdtbl .stdtbl-right class stdtbl-right .pixcaption class pixcaption .highlight class highlight .webmaster class webmaster

References

This site uses CSS 1 and CSS 2. See W3C CSS. A List Apart glish

Backward Compatibility

To maintain compatibility with verion 4 browsers the web site is tested with Netscape 4.8. The following is done to provide reasonable viewing In ttc.css background-color : inherit is replaced with background-color : transparent or #F5EEE4, this stops NS4 displaying a lime green background. border="0" is retained for table and img tags align="right" is retained for img tags that are to be right aligned

Test Examples

These examples show a range of variations relating to HTML and CSS that can be tested against different browsers to demonstrate why certain constructs were chosen. <div align="left"> </div> <div align="center"> </div> <div align="right"> </div>


<div style="width: auto; float: left;"> </div> <div style="width: auto; margin-left: auto; margin-right:auto;"> </div> <div style="width: auto; float: right;"> </div>


<div align="left" style="float: left;"> </div> <div align="center" style="width: auto; margin-left: auto; margin-right:auto;"> </div> <div align="right" style="float: right;"> </div>

Edit - History - Recent Changes - WikiHelp - Search
Hosted by Wellington Community Net
Page last modified on 2008 Jan 08 14:34