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)


No comments:

Post a Comment