http://www.csszengarden.com/167/
http://www.csszengarden.com/166/
http://www.csszengarden.com/135/
http://www.csszengarden.com/115/
http://www.csszengarden.com/106/
http://www.csszengarden.com/088/ dropdown
http://www.csszengarden.com/064/
http://css.maxdesign.com.au/listutorial/ Tutorial on lists and dropdown menus, includes nested lists
http://css.maxdesign.com.au/listamatic/index.htm Links to various menu and list styles
http://css.maxdesign.com.au/listamatic2/vertical02.htm vertical menu, nested rollover list
http://css.maxdesign.com.au/listamatic/vertical06.htm simple separators`
http://css.maxdesign.com.au/listamatic/vertical13.htm 3D buttons
http://css.maxdesign.com.au/listamatic/vertical10.htm a vertical list using a border element
http://css.maxdesign.com.au/listamatic/horizontal03.htm horizontal list navbar
http://css.maxdesign.com.au/listamatic/horizontal05.htm tabbed navbar
http://css.maxdesign.com.au/listamatic/horizontal06.htm tabbed navbar
For horizontal menus see the textbook for using lists with FLOAT, pages 91-92. Using float instead of display:inline is supported by more browsers. Remember to also float the UL parent so that the parent doesn't collapse down and clear the float further down.
http://www.htmldog.com/examples/ Scroll down to 'Lists' Tabs [1 throught 6] for other examples of nice tabbed menus
http://www.cssplay.co.uk/menus/drop_definition4.html Dropdown definition list
http://www.cssplay.co.uk/menus/slide_definition.html Sliding Dropdown List Menu
http://www.cssplay.co.uk/menus/magnifier_text.html Magnifier Text Menu
http://www.cssplay.co.uk/menus/flyoutt.html Cross-browser flyout
http://www.cssplay.co.uk/menus/flyout2.html Flyout Menu with three levels
http://www.cssplay.co.uk/menus/upmenu.html Up Menu
http://www.cssplay.co.uk/menus/flyout_horizontal.html Flyout with transparency
http://www.positioniseverything.net/css-dropdowns.html Dropdown and flyout menu
[We will do rounded corners rectangles and tabbed menus later]
http://www.quirksmode.org/css/width.htmlMin-width and max-width
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Popular 'Reset' method
http://www.ejeliot.com/blog/85 more on Resets
Using rollovers to create gallery effects
Simple photo gallery Simple photo gallery
http://www.cssplay.co.uk/menu/art_gallery Flyout menu combined with gallery
http://www.cssplay.co.uk/menu/photo_simple 2nd Simple photo gallery
http://www.cssplay.co.uk/menu/scroll_gallery Scrolling Gallery
http://www.cssplay.co.uk/menu/clip_gallery Clipped gallery
http://www.cssplay.co.uk/menu/image_magnifier Magnifier
http://www.cookwood.com/html6ed/examples/css-effects/popups.html Basic popup rollover from the Castro HTML book
http://clagnut.com/sandbox/imagetest.php/ FLUID/EXPANDING IMAGES
http://www.artlebedev.com/mandership/70/ Screen Resolution and pixel sizing
http://pfunked.net/articles/css_font_sizing Screen resolution and font sizing
http://hsivonen.iki.fi/units/ Points and Pixels as Units; Monitor Resolutions
http://www.wordstar.org/computing/pages/monitor_cal.htm [Windows] default display font size
http://www.htmldog.com/articles/elasticdesign/demo/ good example of an em-based layout + ELASTIC IMAGES
http://www.ikea.com/us/en IKEA, uses em-based layout
http://www.markboultondesign.com/ Portoflio layout using EMs
http://jontangerine.com/silo/css/elastic-layout/ USE THIS EXAMPLE FOR EM-BASED CSS
http://www.alistapart .com/articles/elastic Em-based layout article • BE SURE TO READ THIS•
'perfect' layouts Perfect/%/non-breaking layouts • BE SURE TO READ THIS•
'perfect' floats layout Adaptable floats • BE SURE TO READ THIS•
http://jontangerine.com/log/2007/09/the- incredible-em-and-elastic-layouts-with-css More on em-based layout • BE SURE TO READ THIS•
3- column stretch Positioning using one fluid column
www.positioniseverything.net/articles/onetruelayout/ Position is Everything article: looking for good working models
http://www.positioniseverything.net/articles/onetruelayout/example/ combinedfirefoxfix The Position-is-everything Layout
table of 3-column layouts 3-Column layouts
CSS Positioning Links to examples of CSS positioning
http://www.quirksmode.org/css/overflow.html Overflow, hidden
http://www.d.umn.edu/itss/support/Training/Online/csstips/overflow.html Image overflow
Xray tool for CSS analysis: http://www. westciv.com /xray/xray_more.html