This page will give you information Tripoli and how it can help you create a unified look on different platforms an browsers.

What is Tripoli?

Tripoli is a CSS standard for rendering HTML consistently across multiple browsers. This is accomplished by resetting and rebuilding browser standards, Tripoli produces a stable, cross-browser rendering.

The ideas behind Tripoli

  • to form a generic standard for rendering tags in HTML4
  • to unify all browser defaults for compatibility between different browsers
  • to take care of the deprecated tags in HTML 4 by disabling them through CSS
  • to separate the layout from the content, allowing dynamic design environments
  • to simplify creation of good looking pages for beginners and experts
  • to address multi screen compatibility
  • to follow W3C’s guidelines and best practice typographic rules
  • to allow for plugin to extend basic functionality

How do I use it?

  1. Start by coping the CSS directory to your web project
  2. Add the following code to your <head>tag: <style type=”text/css” media=”all”> @import url(css/reset.css); @import url(css/generic.css); </style> <style type=”text/css” media=”print”> @import url(css/print.css); </style> <!–[if IE]> <style type=”text/css” media=”all”> @import url(css/ie.css); </style> <![endif]–>
  3. Create a new CSS style sheet and start adding your own layout.
  4. When you get to the content division, simply add the class name content to that <div>
  5. Fill her up with your prepared HTML content
  6. Create a new plug if you wish to extend Tripoli with colors, fonts or other personalized details