Turning a list into a navigation bar | 456 Berea Street

#9 of 124 marked pages on the trail CSS Techniques by Marje
http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/
Marje's comments
Valuable tutorial on creating a horizontal nav bar similar to the one on this site, by Swedish web designer and guru, Roger Johansson.
Other comments
There are no comments on this mark.
Similar Marks
spriteNav - solarDreamStudios (by Marje)
Styling form controls with CSS, revisited | 456 Berea Street (by Marje)
Styling form controls with CSS, revisited | 456 Berea Street (by igsureshkumar)
Unrated.be - Entries - Making a menu using image replacement (by jrotger)
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman (by Marje)
70 Expert Ideas For Better CSS Coding | Smashing Magazine (by Marje)
A List Apart: Articles: Hybrid CSS Dropdowns (by Marje)
70 Expert Ideas For Better CSS Coding | CSS | Smashing Magazine (by pgrobe)
A List Apart: Articles: CSS Design: Going to Print (by ewujian)
Autotags for this Mark
arial
background
bar
berea
border
color
colour
creating
css
decoration
display
element
fff
float
font
gaz
helvetica
hover
href
inline
item
january
johansson
jpg
khaled
lab
left
lucida
luv
margin
menu
nav
navigation
padding
radu
roger
rule
sans
selected
serif
shadow
solid
specifying
step
styling
submenu
swedish
tabs
tarwin
text
textmate
tracy
turning
valuable
visited
wanna
wcag
width
wrapping
writeup
Marks in this trail
spriteNav - solarDreamStudios
A List Apart: Articles: Sliding Doors of CSS, Part I by Douglas Bowman
A List Apart: Articles: Sliding Doors of CSS, Part II by Douglas Bowman
Updated Simple CSS Tabs | silverorange labs - Mozilla Firefox
Easy Magazine Style CSS Drop Cap Tutorial - Mozilla Firefox
CSS drop shadow - Mozilla Firefox
Stu Nicholls | CSSplay | Experiments with cascading style sheets...
Spiffy Corners - Purely CSS Rounded Corners
Turning a list into a navigation bar | 456 Berea Street
Light Weight Low Tech CSS Tabs with Single Background Image
CSS Tabs Menu with Submenu
The Art of Navigation @ Dan Rubin’s SuperfluousBanter - An elegant horizontal CSS menu
Inline Mini Tabs - CSS navigation
A List Apart: Articles: Hybrid CSS Dropdowns
Andy Budd: Clearing Floats
Form Layout - The Man in Blue
CSS-Based Forms: Modern Solutions | Smashing Magazine
3D CSS buttons from CSS Library
Styling form controls with CSS, revisited | 456 Berea Street
Stylish submit buttons
Hoverbox Image Gallery
4 level deep CSS menu system from solarDreamStudios
Vertical CSS Menus from ExplodingBoy
Horizontal CSS Menus from ExplodingBoy
More Horizontal CSS Menus from ExplodingBoy
13Styles.com - css menu styles, high quality css menus, website ...
4 Level Deep CSS Menus . solarDreamStudios -
Horizontal CSS Menus - code & graphics
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
Vertical CSS Menus - code & graphics
Random Image Rotation - A List Apart
Random Image Rotator
Styling A Sitemap from diagrammes modernes
Veerle's blog | A CSS styled table
CSS For Bar Graphs
Three column list - Stu Nicholls | CSSplay |
Spring 2006 CSS Beefy Footers: CSS Reboot Trends | The Montoya Herald
The W3C CSS Validation Service
The W3C Markup Validation Service
Create a Block Hover Effect for a List of Links | Smiley ...
The ultimate css only dropdown menu - Stu Nicholls | CSSplay |
CSS Restaurant Menu with Dot Leaders
CSS Text Tricks by Mandarin Design
CSS Coded Opacity Borders - Mandarin Design
CSS Opacity and Transparency
Styling horizontal rules with CSS
CSS Design: Going to Print - Eric Meyer
Print style sheets: The basics (for no excuses) – Jens Meiert
PRINT: Cascading Style Sheets
Print Stylesheets - css-discuss
A CSS Framework - an excellent idea
Getting Rid of the Page Shift
CSS: Getting Into Good Coding Habits
Spruced-Up Site Maps from A List Apart: Articles:
CSS Drop Shadows I from A List Apart: Articles
CSS Drop Shadows II: Fuzzy Shadows from A List Apart: Articles
Onion Skinned Drop Shadows from A List Apart: Articles
Containing Floats by Eric Meyer
css-discuss.org
Alternative Style: Working With Alternate Style Sheets
70 Expert Ideas For Better CSS Coding | Smashing Magazine
Tabbed Navigation Using CSS
10 Quick Tips for an Easier CSS Life
Backgrounds from Digital Web
Adobe - CSS Advisor
Pull-quote Design Showcase | Smiley Cat Web Design
Nick Bradbury: TopStyle
CSS hover effect | Veerle's blog
Avoid HTML form spam using CSS « klauskjeldsen.dk
CSS Specificity: Things You Should Know
Simple Double Quotes
Clever rollover map functionality
13Styles.com - css menu styles, high quality css menus, website navigation menus
Stu Nicholls | CSSplay | CSS only menus
Fast Rollovers Without Preload | Horizontal Menu with a Single Background Image
Reducing HTTP Requests
CSS Juice » 10 Websites with Shabby Design Approach
CSS : List Boxes
Eric's Archived Thoughts: Reset Reloaded
CSS Centering - fun for all!
Alternate Style Sheets
Sliding Doors Horizontal Tabs Menu
Sliding Doors Vertical Menu
How to create VISTA style horizontal toolbar with CSS
Print.css and your website’s logo
CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS-Tricks
How to make sexy buttons with CSS
CSS Oval buttons - Dynamic Drive CSS Library
101 CSS Techniques Of All Time- Part 1
Simple CSS snippets for creating grid & column based layouts — Konstruktors / Main
CSSgallery.info » css shadows - images and boxes
woork: Socialiconize your site
Stu Nicholls | CSSplay | Cross browser tabbed pages with embeded links
CSS-based tab techniques - Noupe
CSS Tabs 2.0 | unraveled
Spring 2006 CSS Reboot Trends | The Montoya Herald
Css Globe | Web Standards Magazine
Vertical menu with line height demo
How to create VISTA style toolbar with CSS
CSS: List Boxes | Mike’s Experiments | MikeCherim.com
CSS: Text Shadows | Mike’s Experiments | MikeCherim.com
CSS: Simple Tabs | Mike’s Experiments | MikeCherim.com
Pure CSS Image Rollovers
Custom Double Solid Borders for Images | Css Globe
Example: 5 Ways to Style Unordered Lists
Css Menu Generator - TabCreatr
CSS Navigation Techniques (37 entries)
Making Your Footer Stay Put With CSS ~ Blog ~ FortySeven Media
Two CSS vertical menu with show/hide effects
Most used CSS tricks | StylizedWeb.com
Nice Drop caps with CSS | Onyx Design Weblog
Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know [CSS Tutorials]
Multilevel Drop Down Navigation Menus: Examples and Tutorials
Toolbox:creations - Joomla Website Design, Development, Customization and Templates - Jooml.r Hits the Web(2.0)...
Joomla! Extensions Directory - JoomlaPack - AJAX powered backup and restore
HTML, xHTML and CSS Editor - TopStyle for Windows by NewsGator
CSS3 Previews
Introduction to CSS3
My CSS Menu - Menu Generator - horizontal menu, vertical menu
960 Grid System
SonSpring | 960 Grid System
960 CSS Framework - Learn the Basics » DivitoDesign
Ancient Tales of Wisdom
How To: Resizeable Background Image
Links
Go to this page
Trail summary
Marje's trails