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>