Hybrid CSS Dropdowns: A List Apart - The Diigo Meta page

• 09 Oct 12
  

  Nikolett Hegedus

  css menu navigation tutorial

• 10 Feb 12
  

  Grant Kinney

  "#nav li.off a:hover, #nav li.off:hover a { background: #29497b; color: #f90; }"

  webdesign css menus

• 06 Jan 12
  

  Agueda Banon

  "#nav li.off ul, #nav li.on ul { /*put the subnav below*/ top: 33px; *top: 44px; /*reposition for IE*/ }"

  Hybrid CSS Horizontal-menu drop-down-horizontal

• 27 Sep 11
  

  Kevin Carmody

  css nav navigation webdev webdesign list lists

• 13 May 11
  

  CSS webdesign menu design web javascript navigation

• 11 Feb 11
  

  Elena Papastefan

  css navigation menu Tutorial

• 31 Aug 10
  

  Etienne Delagrave

  dropdown submenu

• 10 Aug 10
  

  Jarmo Tanskanen

  css webdesign tips menu navigation

• 02 Aug 10
  

  max_ritscher

  webdev css code

• 21 Jul 10
  

  seth g

  css dropdown menu

• 14 Jun 10
  

  Frdrc THNRN

  Prestashop Menu horizontal

• 05 May 10
  

  Jachen Carl

  CSS

• 31 Mar 10
  

  Liudas S

  css web javascript html tutorial doit

• 09 Mar 10
  

  Sarah B

  navigation

• 25 Jan 10
  

  Theo Kotey

  css navigation

• 21 Jan 10
  

  Teresa Carr

  css design menu web webdesign navigation development howto

• 02 Jan 10
  

  Gabriel Gasparolo

  imported Barra_de_marcadores Tools OpenSource_&_Freeware Design css webdesign menu web javascript navigation

• 13 Dec 09
  

  Samy BEN AMOR
• 26 Oct 09
  

  Thierry Blancpain

  mobilereading

• 25 Oct 09
  

  Fernando Caldas

  css navigation horizontal

• 30 Sep 09
  

  Adele Beeby

  CSS navigation JavaScript

• 28 Jul 09
  

  jan surmieda

  css

• 16 Jul 09
  

  Sam Lester

  reference accessibility programming tools webdev lists tips xhtml development design web html alistapart articles webdesign layout code tutorials article howto list tutorial css tabs dropdowns dropdown menus navigation javascript menu

• 27 Jun 09
  

  Gustavo Pereira

  css

• 23 Mar 09
  

  Jennifer Culp

  webdesign tutorial web css design delicious

• 25 Feb 09
  

  George Vanous

  menu css

• 23 Dec 08
  

  Tor Langlo

  CSS Layout Menu Tabs

• 28 Sep 08
  

  Betty Sixtysix

  menu horizontal con submenu horizontal

  css

• 

  mr bones

  menu horizontal con submenu horizontal

  css

• 01 Jun 08
  

  Nicolas Perriault

  What if we could have one clean, well-structured menu which would combine the dynamism and code-ease of dropdown menus and do away with their main problems

  css menu design web javascript navigation

• 16 May 08
  

  Jason Chang

  css webdesign navigation menu

• 05 May 08
  

  Tomasz Zawistowski

  css

• 29 Mar 08
  

  Erin the Librarian

  navigation

• 26 Mar 08
  

  Richard Brackin

  css design imported menu web2 webdesign

• 03 Mar 08
  

  Stuart H

  navigation web-dev.css.navigation menus

• 22 Feb 08
  

  Jackie B

  css webdesign menu

• 08 Feb 08
  

  Andy Wheeler

  navigation menu CSS JAVASCRIPT

• 06 Feb 08
  

  juandesant

  css development dropdown hybrid javascript menus web xhtml

• 13 Jan 08
  

  gorden wu

  css menu

• 22 Dec 07
  

  Joanne Parra

  CSS menu navigation dropdown webdesign

• 25 Nov 07
  

  Timo Nevalainen

  javascript xhtml web_design tutorial css

• 26 Oct 07
  

  reno inn

  CSS+JSなドロップダウンメニュー（横並び）

  css webdesign tutorial javascript delicious

• 10 Oct 07
  

  Nathan Bohn

  menu css design webdesign web javascript navigation tutorial work

• 28 Sep 07
  

  Duane Raymond

  webdesign css howto

• 

  Eric Jorgenson

  css webdesign Design menus menu tutorial alistapart article howto inspiration navigation reference

• 28 Aug 07
  

  evanwebdesign

  navigation

• 23 Aug 07
  

  sydspinnin

  bookmarkbar css tech

• 15 Aug 07
  

  Dan Bauer

  Creating clean, effective dropdown menus with CSS

  web development

• 10 Aug 07
  

  Jon Phipps

  css tabs webdesign webdev

  • We’re going to create a hybrid menu that runs horizontally across the window. It has two levels of navigation (in our example, main topics and their associated pages). Our menu will allow for dropdown access to all pages in both navigation levels, display the current choices in the selected topic area constantly, keep the user aware of where he is in the site, and be clean and light to boot.
• 23 Jul 07
  

  Robert Diana

  css

• 12 Jul 07
  

  Adi Setiawan

  dropdown menu css menus

• 11 Jun 07
  

  osqxivh

  css dropdowns menu

• 23 Apr 07
  

  Mark Gardner

  CSS menu webdesign javascript navigation

• 14 Mar 07
  

  agung apriantara

  menu css technique

• 12 Feb 07
  

  Webbie Webbster

  CSS webdesign

• 

  benderrod

  Computer

• 13 Dec 06
  

  sheryl barnes

  css navigation

• 

  daniella amaral

  css

• 27 Nov 06
  

  Scot Gardner

  css stuff

• 23 Nov 06
  

  tzerclaes

  Web

• 22 Nov 06
  

  Tony solserpiente

  css drop menu

• 13 Nov 06
  

  porteador

  menus css submenu

• 29 Oct 06
  

  dan loaiza

  css

• 24 Oct 06
  

  john

  css design imported:del.icio.us tutorial webdesign

• 24 Sep 06
  

  Bob Carr

  webdev css

• 14 Sep 06
  

  david

  css imported:del.icio.us tutorial webdesign

• 10 Sep 06
  

  Scott

  css design navigation_menus tutorials

• 03 Sep 06
  

  Scott Blackburn

  navigation_menus howto css design

• 31 Aug 06
  

  dannyfoo

  imported Web_Tools CSS Menus

• 08 Aug 06
  

  Chris McCreery

  menus web webdesign css design menu howto tutorial

• 03 Aug 06
  

  y4diigo

  webdesign css tutorial

• 08 Jun 06
  

  emory lundberg

  design cool

• 06 Jun 06
  

  United Diversity

  wordpress dropdown

• 18 May 06
  

  David Harrison

  css development html

• 

  Bob Calder

  Web_Design css design webdesign menus web

• 04 Mar 06
  

  Fogday Studios

  I know what you’re thinking...“Do we really need another article about CSS dropdowns?” Allow me to convince you. What if we could have one clean, well-structured menu which would combine the dynamism and code-ease of dropdown menus and do away with

  css menus javascript

• 15 Feb 06
  

  Lance England

  dropdown menus css javascript design

• 07 Feb 06
  

  むゆう

  css webdesign design menus web

• 24 Jan 06
  

  alessandro mininno

  importedfromfirefox webdesign css menu

• 30 Nov 05
  

  pangopal

  design menus webdesign CSS import_delicious

• 25 Nov 05
  

  Tony Guarnaccia

  css menus Search Engine Tools

• 27 Oct 05
  

  dapressley1

  php design_tools

• 09 Oct 05
  

  Lindsay Marshall

  webdesign css

• 08 Oct 05
  

  Eleanor Holmes

  css design_ideas

• 25 Sep 05
  

  carl carrie

  article on css navigation - css dropdpown menus

  css navigation CSS

• 24 Sep 05
  

  Kevin Walter

  Web Development

• 15 Aug 05
  

  David Clifford

  webdesign reference howto css menu

• 14 Jul 05
  

  Michael Lopez

  css web

• 15 May 05
  

  stateless

  css design guide article todo tutorial web tips

• 10 May 05
  

  Helder Ribas

  css

• 28 Apr 05
  

  Brian Zollinhofer

  CSS

• 25 Apr 05
  

  Tom Sepp
• 20 Apr 05
  

  howardfore

  webdev:css

• 

  matturn matturn
• 18 Apr 05
  

  chris fish

  webdesign bestviewed

• 12 Apr 05
  

  Jen R

  design web deliciousjun11

• 09 Apr 05
  

  Miguel García

  CSS Javascript diseño desarrollo

• 07 Apr 05
  

  Roy Hammans

  Drop Down Menu CSS

• 06 Apr 05
  

  Tobias Lee

  Another definitive A.L.A. tutorial - Styled nested UL/LI dropdown navigation

  CSS design image.replacement interface navigation reference tutorial usability web html

• 05 Apr 05
  

  David Corking

  I will experiment with this. It comes well recommended on Furl.

  Web design

  • You can either leave the menu as is, knowing that it will work beautifully in a few years when all browsers support :hover (knock on wood), and resting in the knowledge that all the navigation options will be visible and accessible to all users, or you can work up a bit of JavaScript to rewrite the CSS selectors in language IE understands to make the dropdown dynamism accessible to all.

Page Comments

• 
  john on 2006-10-24
  用css做下拉選單

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.