On Apr 30, 2007, at 2:28 AM, Paul Novitski wrote:
The method you're using to present the definition list in two
columns is to split the markup into two lists. However, I believe
it's really just one list, so you're changing the markup in a way
that misrepresents the semantics of the page purely for
presentational purposes.
You can accomplish the dual-column list in CSS by moving the first
DT in column 2 back up the page with a negative margin-top, then
shifting all the items in column 2 over with a postive margin-
left. This technique is illustrated in example 6 in my A List
Apart article <http://www.alistapart.com/articles/multicolumnlists/
>. It does require that the height of column 1 is predictable if
you're using static CSS or calculable if you're generating your CSS
on the fly.
Wonderful suggestion and article, should the <dt> have mark-up
similar, then follow along with the CSS, from the article?
Regards,
Paul
__________________________
Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
