Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:css_convention [2007/02/10 11:55] fran |
dev:css_convention [2009/07/06 20:36] (current) |
||
---|---|---|---|
Line 4: | Line 4: | ||
Sahana uses valid CSS 2.1 for content styling and layout. The use of web standards enables Sahana to be accessible to the highest number of users, including differently-abled people and people using alternative browsing devices such as mobile phones and PDAs. It also allows Sahana interfaces to be light and fast loading, and be consistent across a wide number of web browsers. | Sahana uses valid CSS 2.1 for content styling and layout. The use of web standards enables Sahana to be accessible to the highest number of users, including differently-abled people and people using alternative browsing devices such as mobile phones and PDAs. It also allows Sahana interfaces to be light and fast loading, and be consistent across a wide number of web browsers. | ||
+ | |||
===== Guidelines ===== | ===== Guidelines ===== | ||
Line 17: | Line 18: | ||
* Define additional CSS classes or ids only if the existing ones can't target the required element | * Define additional CSS classes or ids only if the existing ones can't target the required element | ||
* Validate your CSS with the [[http:// | * Validate your CSS with the [[http:// | ||
- | * When defining ids in the style sheets, place them in the order of there appearance in the html document. | + | * When defining ids in the style sheets, place them in the order of their appearance in the html document. |
- | * The printing style sheet is used to take printouts of web forms used in the system so that they can be distribute | + | * The printing style sheet is used to take printouts of web forms used in the system so that they can be distributed |
* The style sheet should work properly in " | * The style sheet should work properly in " | ||
- | * Please make suer the style sheet would work in popular browsers as you intended. | + | * Please make sure the style sheet would work in popular browsers as you intended. |