skip to main | skip to sidebar
matlabor

Wednesday, May 2, 2012

tables are out, DL, DT, DD is in

Some info on using definition lists to make table-like displays that are more maintainable:

http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list-data/

http://www.maxdesign.com.au/articles/definition/

You can add the style information to the .css or to the top of the html page to test e.g.

style type="text/css"
dl dd { padding-bottom:0.5em; }
dl dt {float:left;} dt {text-align:left; width:8em;}
dl dd {margin-left:9em;}
dl { padding-bottom:0.5em; }

(add style tags before and after)


Posted by leslie.h at 08:24 0 comments
Newer Posts Older Posts Home
Subscribe to: Posts (Atom)

Blog Archive

  • ►  2015 (2)
    • ►  July (1)
    • ►  April (1)
  • ►  2014 (5)
    • ►  October (1)
    • ►  July (1)
    • ►  May (1)
    • ►  February (1)
    • ►  January (1)
  • ►  2013 (5)
    • ►  December (1)
    • ►  September (1)
    • ►  April (1)
    • ►  February (1)
    • ►  January (1)
  • ▼  2012 (14)
    • ►  November (1)
    • ►  October (4)
    • ►  September (1)
    • ►  August (2)
    • ►  July (1)
    • ►  June (2)
    • ▼  May (1)
      • tables are out, DL, DT, DD is in
    • ►  January (2)
  • ►  2011 (16)
    • ►  November (4)
    • ►  October (3)
    • ►  September (2)
    • ►  August (4)
    • ►  July (1)
    • ►  April (1)
    • ►  March (1)
  • ►  2010 (64)
    • ►  December (1)
    • ►  November (2)
    • ►  October (7)
    • ►  September (8)
    • ►  August (4)
    • ►  July (16)
    • ►  June (7)
    • ►  March (1)
    • ►  February (7)
    • ►  January (11)