Wednesday, September 16, 2009

Eric Meyer CSS Intermediate/Advanced Techniques

Starting with a single sentence in black on a white background, we modify the CSS for this document. Mousepose boinks.com for the mac is used as a spotlight. Renaming html.css for Firefox default.

CSS Bar Graph
bargraph/bg-v.css

table - display:block vs display:table

use table captions, but position: -1.3em; to get it above the table, or -0.67 to get it through the table border, then use a bgcolor and border to set it off.

4 columns evenly positioned:
left:0
left: 25%
left:50%
left:75%

Inside each tr is a th scope="row"

www.meyerweb.com/eric/css/edge/bargraph/demo.html

No comments: