Listamatic: one list, many options

• Home
• Listamatic
• Listamatic2
• Listutorial
• Floatutorial
• Selectutorial

Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list using samples from Eric Meyer, ProjectSeven, SimpleBits, Jeffrey Zeldman and others. Choose from one of the samples below:

Vertical lists

• Simple list
• Simple list with square bullets
• Simple list with circle bullets
• Using images for bullets
• Using CSS background images for bullets
• Eric Meyer's simple separators
• Eric Meyer's Panelise
• Rollover lists
• Eric Meyer's Strengthening the links
• A List Apart's Taming lists
• ProjectSeven's Uberlist
• Bieler Batiste's list
• Vertical buttons
• Bulleted Rollover List
• 3D Imenu in blue
• Double Border
• Copongcopong's Pop Pad List

Horizontal lists

• Simple horizontal list
• Rollover horizontal list
• Rollover horizontal list navbar
• Eric Meyer's navbar
• Eric Meyer's tabbed navbar
• Simple Bits tabbed navbar
• ProjectSeven's horizontal Uberlist
• Kalsey CSS tabs
• Jeffrey Zeldman's DWWS navigation
• Clagnut CSS Tabs
• Unraveled CSS Tabs
• Dive into Mark Pure CSS Tabs
• Horizontal buttons
• Webfroot Horizontal NavBar
• ZDnet Emulation
• Centred list navbar
• Image swap
• Seth's horizontal list
• Float your boat
• Brick
• Contrast: smhill
• Alteration to Rollover Horizontal List Navbar
• SuperfluousBanter 2003
• Horizontal Bullet On Hover
• The Gradient Green Navigation Bar
• Centred List Navbar Updated
• Tomek Garbiak's list
• Reflowing Folder Image Rollover Nav
• Copongcopong's Under Tabs
• Central Horizontal Boxes
• Fat Erik 5s Simple Pipe List - added 7 December 2004
• Fat Erik's breadcrumbs - added 20 December 2004

Experimental lists

• Anton Andreasson's Big Boxes
• Adjacent-Sibling selector list

Links to other lists

• Strange ordered multilevel list
• Dynamic Vertical list
• Dynamic horizontal list
• Dynamic vertical list (new)
• Hierarchical lists in column format
• Expanding Nested Lists
• Menus dynamiques
• Horizontal Toolbar List with Access Keys
• UL Menu Experiments
• Tabular list
• Round corner tabs
• PureDom Nav
• Hover CSS menu
• Modification of Seth's horizontal list
• Seth's new vertical list
• Iubito's CSS menu - added 1 December 2004
• Galerie de menus en CSS - added 7 December 2004
• Archadia Bluff Golf Clubs - added 7 December 2004
• Powderseekers Resort Map - added 7 December 2004

Information about the lists

• External resources used on this site
• Why use lists for site navigation?
• Browsers types and lists
• The IE box model and Doctype modes
• Browser support chart

List Auto-Generators

• List-o-matic
• List-o-Rama Dreamweaver Extension