A List Apart: Articles: CSS Design: Taming Lists - The Diigo Meta page

• 01 May 12
  

  epleuralis

  awesome tips on styling your lists - it's an old article but still useful

  css

• 17 Mar 12
  

  gil densmore
• 07 Mar 12
  

  joshuaphenicie

  display: inline;

  css lists

• 22 Feb 12
  

  julie duran

  WebDesignTools WebDesign_Code

• 17 Jan 12
  

  gtd647

  tutorials howto html_editor

• 13 Jan 12
  

  Mark Serrano

  css webdesign lists apart

• 02 Jan 12
  

  cynazem

  css list-style

• 30 Nov 11
  

  NeCkEr

  list-style: none;

  css webdesign html tutorial design list

• 26 Nov 11
  

  johann kuindji

  css lists

• 17 Nov 11
  

  dnascimb

  wellogic

• 07 Nov 11
  

  Sterling Heibeck

  css lists

• 01 Nov 11
  

  Jennifer Culp

  webdesign tutorial css lists html

• 13 Oct 11
  

  Damien Boaglio

  css

• 21 Sep 11
  

  krixkrax

  css

• 14 Sep 11
  

  Jil Wright

  css webdesign lists

• 11 Sep 11
  

  Brian Wolk

  css lists list border pipe

• 08 Sep 11
  

  ankitmcgill

  css list ul

• 26 Aug 11
  

  pietrocigoli

  Everything about tweaking the <ul> and <li> tags into fancy lists and menus

  css webdesign tutorial list menu

• 18 Aug 11
  

  kuber kumar

  css list help

• 02 Aug 11
  

  Sorawit Wanitwarodom

  css list

• 20 Jul 11
  

  katie kuksenok
• 06 Jul 11
  

  張 旭

  COOOOOOOOOOL!

  css menu

• 29 Jun 11
  

  Firepol Surfer

  css list

• 25 Jun 11
  

  Florian Flo

  css webdesign li ul design tutorial lists html

• 06 Jun 11
  

  Pablo San Roman

  css webdesign html

• 28 May 11
  

  marashliev
• 17 Apr 11
  

  Valérie Gilson

  list css lists

• 13 Apr 11
  

  Paweł Pacana

  webdesign lists design css

• 25 Mar 11
  

  Clarence S

  lists css reference navigation

• 15 Mar 11
  

  Marvin Herrera

  best practices ctl breadcrumbs

  • Another list of links that typically has a horizontal orientation on a web page is what has become known as breadcrumbing. Breadcrumbs show you where you are in the hierarchy of a site, starting with the home page and drilling down to the current section or page. If you really want to make the markup meaningful, you would want to create a series of nested lists, since each new section is part of the section before it:
• 

  Juan Felipe Alvarez

  html css web_design lists design tutorial web

• 08 Mar 11
  

  Cristian Riffo

  css

• 04 Mar 11
  

  Cassie Witt

  css webdesign tutorial lists html design web

• 24 Feb 11
  

  Daria Schubert

  css webdesign lists html web list

• 20 Feb 11
  

  mmansion

  Learn to Style HTML lists using CSS

  HTML CSS

• 17 Jan 11
  

  Mike Saltsman

  css webdesign design tutorial reference

• 16 Jan 11
  

  Jodi G-M

  css lists

• 02 Jan 11
  

  Brian Clapper

  css webdesign lists html web

• 17 Dec 10
  

  ruud van zuidam

  22-01-2010

• 05 Dec 10
  

  Shaun Hainey

  web design CSS code lists html menu

• 14 Nov 10
  

  Meg Kwasnicki

  css lists inline

• 05 Nov 10
  

  Scott Craighead

  webdesign css lists

• 03 Nov 10
  

  santi calvo

  css html listas

• 30 Oct 10
  

  Joan Marc Carbo Arnau

  css webdesign

• 24 Oct 10
  

  Nathaniel Clark

  css webdesign lists html design tutorial web reference :before :after pseudo-tags

• 17 Oct 10
  

  Steven Zeiler
• 13 Oct 10
  

  Benjamin Dreux

  css

• 06 Oct 10
  

  Elena Papastefan

  ul lists alistapart article

• 21 Sep 10
  

  Kristina Leroux

  HTML

• 19 Sep 10
  

  alashe

  css design web reference xhtml

• 09 Aug 10
  

  Lily Shallom

  CSS

• 14 Jul 10
  

  see theclay

  web design

• 06 Jul 10
  

  Green Apricot

  css design reference tutorials

• 28 Jun 10
  

  Agueda Banon

  css menu listado wp-code ***

• 24 Jun 10
  

  Matt Gabor

  css webdesign lists tutorial

• 09 Jun 10
  

  Ama Mohammed

  css lists html tutorial reference

• 02 Jun 10
  

  forward march

  ul li:before { content: "\00BB \0020"; }
  
  Putting arrows (HTML characters) before links in a UL and stuff like that. ...when you don't want to use background-images for something so simple.

  css

• 

  Zippy Squirrel

  ul li:before { content: "\00BB \0020"; }
  
  Putting arrows (HTML characters) before links in a UL and stuff like that. ...when you don't want to use background-images for something so simple.

  css

• 23 May 10
  

  the_menace

  css webdesign

• 21 May 10
  

  Joy Robinson

  nms520 menus css

• 07 May 10
  

  Laureen Urquiaga

  a apart css list resources from.delicious

• 03 May 10
  

  ofori amankwa

  css webdesign

• 

  css design web

• 30 Apr 10
  

  Art Straub

  css menu navigation tutorials

• 19 Apr 10
  

  lukelux

  html list

  • HTML bullet
  • list-style-type: disc;
  • to your rule. Depending on the image that you choose you may find that it doesn’t align itself with the list items the way that you intend. In that case you may choose to have the image be placed within the list item block (rather than outside the block). Adding the following:
  • list-style-position: inside;
  • to your rule will make that change. These three declarations can be combined into a single, shorthand declaration as illustrated in the following rule:
  • ul {  list-style: disc url(bullet.gif) inside;  }

  4 more annotations...

• 14 Apr 10
  

  Imtiyaz Quraishi

  css webdesign tutorial

• 29 Mar 10
  

  david thompson

  css lists webdesign html design tutorial web reference delicious

• 08 Mar 10
  

  bmh_ca

  ul li tutorials html lists list javascript web howto webdesign reference programming

• 06 Mar 10
  

  Alan Dean

  css ul

• 24 Feb 10
  

  css webdesign html ul li

• 23 Feb 10
  

  Darren Rosener

  css

• 21 Feb 10
  

  Andrew Noakes

  CSS Design: Taming Lists

  css lists webdesign html design tutorial li ul

• 18 Feb 10
  

  Lindsay Curtiss

  css lists

• 05 Feb 10
  

  liz rovito

  css html design webdesign tutorial reference web

• 30 Jan 10
  

  daddyoh

  css lists ul li

• 24 Jan 10
  

  sabrina ngai

  css

• 22 Jan 10
  

  Mika Koivisto

  css ul lists

• 21 Jan 10
  

  Peter Meyer

  What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied. For example, I find that most pages on the web contain a menu of links in a navigation area. These are often marked up as a string of links, often i

  article guide css xhtml html webdesign programming list web lists layout tutorial importedfromdelicious

• 31 Dec 09
  

  James Houx

  css list unordered list html ul li horizontal list menu

• 13 Dec 09
  

  Samy BEN AMOR
• 

  Sallie Goetsch

  css webdesign html tutorials reference

• 12 Dec 09
  

  Justin Wright

  css webdesign design tutorial

• 08 Dec 09
  

  Hardy Heron

  article webdev css navigation menu list lists webdesign tutorial xhtml alistapart ul li html tips @saveimages

• 27 Nov 09
  

  Thomas Woodard

  css

• 06 Nov 09
  

  mcarring

  css bulleted lists

• 

  Marco Batista

  Links Computadores Monte BookmarksBar

• 04 Nov 09
  

  Matteo Simoni
• 25 Oct 09
  

  Allan Nygren
• 23 Oct 09
  

  Bob Smith

  howto reference tutorial css tutorials layout alistapart ul navigation menu menus

• 08 Oct 09
  

  hbertran

  css lists

• 06 Oct 09
  

  Margaret Sharkey

  Reference CSS

• 05 Oct 09
  

  Chris King

  css lists webdesign html tutorial design web Delicious-12-16-10

• 01 Oct 09
  

  steve02169

  html li us lists css

• 29 Sep 09
  

  hanslangouche

  css

• 18 Sep 09
  

  Nicholas Burman

  css Menu CSSmenu

• 17 Sep 09
  

  J Spooktalker

  css.lists css.navigation iii

• 13 Sep 09
  

  Henrik Eneroth

  CSS lists Design

• 12 Sep 09
  

  Kathie Popadin

  tutorials howto webdesign webdev navigation layout menus alistapart lists 7370 css

• 03 Sep 09
  

  Joe Jenkins

  css webdesign design web reference html

• 27 Aug 09
  

  Lance Hunt

  css imported

Page Comments

• 
  jeevs sinclair on 2006-10-30
  A List Apart

Would you like to comment?

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