Home
Contact
Emulators
Tutorials
Developer
Services
Mobile
Games
Links
Login
Legal
Site map
Tutorials
3D Studio Max
Abbreviations
ADSL installation
Advertising
programs for publishers
BitComet
Character Encoding Quick Guide
Cascading Style Sheet Quick Guide
Top Level Domain Country Codes
Language Codes
Country Language Codes
Design Patterns
How to use JDBC
How WAP works
How to serve midlets on a web server
How to serve WAP docs on a web server
HTML Quick Guide
HTTP error codes
Java Pet Store Tutorial
Java Quick Guide
Javascript
Reference Guide
JSP Quick Guide
Linksys Wireless Access Point Router with 4-Port Switch (BEFW11S4 ver. 3)
Linksys Wireless Network PC Card (WPC11 ver. 3.0)
Mime types
Model View
Controller
Explained
Plesk
Search Engine Optimisation Quick Guide
Software Licenses
UML Reference
Web development process
Windows Quick
Guide
XHTML Quick Guide
XPath
Translate this page
Search this site for
Print page
Discussion forum
Mobilefish Firefox search plugin
Mobilefish button for Google toolbar
Cascading Style Sheet Quick Guide
This guide contains information how to create Cascading Style Sheets (CSS).
More information about CSS can be found at:
http://www.w3.org/Style/CSS/
Quick guides:
CSS syntax
Using a stylesheet file
Embedded styles
Highlight text
Style order
Div style attribute
Div examples: borders and corners
Div examples: buttons
Div examples: containers
Div examples: forms
Div examples: graphs
Div examples: images
Div examples: fluid layouts
Div examples: links
Div examples: horizontal menus
Div examples: vertical menus
Div examples: others
Div examples: scrollbars
Div examples: tables
Div examples: texts
Div examples: fluid layouts
Information:
All examples are working for IE 6.0 and Firefox 1.5.
Related information:
Procedure:
Example
Screenshot
Example 1
Fluid layout: One column
Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.
Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em
Example 2
Fluid layout: Two columns.
Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.
Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em
Example 3
Fluid layout: Three columns.
Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.
Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em