Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-12
<< previous
|
next >>
Yahoo! UI Library
Yahoo! User Interface Library
YUI Grids CSS
Examples
Grids
Nested grid: 3/4, 1/4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Grids CSS Example - YUI Grids</title> <link type="text/css" rel="stylesheet" href="../../build/reset-fonts-grids/reset-fonts-grids-min.css"> </head> <body id="yahoo-com"> <div id="doc" class="yui-t1"><!-- "doc" here for example only; use any page width --> <div id="hd"> <p>MASTHEAD: ... </div> <div id="bd"> <div id="yui-main"> <div class="yui-b"> <div class="yui-ge"> <div class="yui-u first"> <p>Lorem ipsum dolor sit amet...</p> </div> <div class="yui-u"> <p>Lorem ipsum dolor sit amet...</p> </div> </div> </div> </div> <div class="yui-b"> <p>SECONDARY: Lorem ipsum dolor sit amet...</p> </div> </div> <div id="ft"> <p>FOOTER: Lorem ipsum dolor sit amet...</p> </div> </div> </body> </html>
reset-fonts-grids-min.css
provides grids
removes "all" formatting
Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-12
<< previous
|
next >>