Refresh Jacksonville

Basic CSS 2 Lesson

Changes and code additions for each step are marked with comments in each file. CSS additions are marked as "STYLE ADDED."

• Example 1: Where we left off
• Example 2: Modified Markup
• Example 3: Image Replacement
• Example 4: Rollovers - No Javascript!
• Example 5: Modifying specific element styles
• Example 6: Faux Columns
• Example 7: Styling Navigation (vertical buttons)
• Example 8: Alternate Navigation Styles (horizontal buttons)

Resources and things we talked about

• DomScripting www.domscripting.com
• Web Standards Solutions: The Markup and Style Handbook
• Behaviors and semantics and the classic unobtrusive popup
• Lightbox 2.0
• Thickbox (lightweight version of lightbox that can load .html pages)