Bruce Lawson recently asked for ways to style a definition list in the common glossary format. This is one way to do it.

Bruce’s original post – css challenge – describes what he is after: a “glossary style” appearance with the term on the left and the definitions on the right. Some terms will have multiple definitions, definitions of varying length, and each new term should appear on a new line. A definition list is semantically correct for this kind of information, so there was to be no fiddling around with the HTML, and the browser requirements were for it to work in all modern browsers and IE 6+.

You can skip straight to the demo where some additional classes are included in the HTML in order to highlight each term-definition association.

The basic HTML

The basic HTML structure is a simple definition list and nothing more. There are some short, long, and multiple definitions for each term.

<h1>Styling definition lists</h1>
<dl>
  <dt>Cheese</dt>
  <dd>
    <p>Velit esse cillum dolore in reprehenderit in voluptate duis aute irure dolor. Consectetur adipisicing elit, excepteur sint occaecat sunt in culpa. Velit esse cillum dolore eu fugiat nulla pariatur. Ut aliquip ex ea commodo consequat.</p>
    <p>Mollit anim id est laborum. Ut enim ad minim veniam, consectetur adipisicing elit, ullamco laboris nisi. Lorem ipsum dolor sit amet, sunt in culpa quis nostrud exercitation.</p>
  </dd>
  <dd>yummy!</dd>

  <dt>Building flexibility through spreading knowledge and self-organization, exploiting the productive lifecycle to experience a profound paradigm shift. Through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard.</dt>
  <dd>balderdash</dd>;
  <dd>poppycock</dd>

  <dt>Aardvark</dt>
  <dd>never hurt anyone</dd>
</dl>

The styles

In order to get the required appearance in all browsers I had to use negative margins and a few conditional styles to get IE7 and IE6 to play along.

For the purposes of the demo I’ve placed all the styles in <style> blocks in the head of the document.

<style>
   dl {padding-left:300px;}
   dt {clear:both; float:left; width:260px; padding:10px; margin:0 0 2em -300px; font-weight:bold; color:#686663;}
   dd {float:left; width:100%; padding:10px 0; margin:0 0 2em;}
</styl>
<!--[if lte IE 7]>
<style>
   dt {display:inline; margin-bottom:0;}
   dd {float:none; width:auto;}
</style>
<![endif]-->

That’s it. The widths of the <dt> can be set in ems or percentages if the layout requires. The complete code is available in the demo and you are free to use this code.

With a view to prevent him from acting in any manner prejudicial to the maintenance of public order, Naeem Akhtar detention is being extended, an order said.

Galliers, Robert, 1947-

Weinl, Kerstin

Read, Nicholas A. C

Brikman, Yevgeniy, author

Phillips, Michael, author

Kaynak, Hale, 1956-

Kahane, Adam

Oestergaard, Kris, 1973- author

Kee, James Edwin

Freedman, Rick, author

Hawk, Ryan, author

Kirkman, Bradley Lane, author

Saldanha, Tony, author

Interview with Rebecca N. Dudovitz, MD, MSHS, author of Assessment of Exposure to High-Performing Schools and Risk of Adolescent Substance Use: A Natural Experiment

Interview with Aaron Kesselheim, author of Analysis of Proposed Medicare Part B to Part D Shift With Associated Changes in Total Spending and Patient Cost-Sharing for Prescription Drugs, and Francis J. Crosson, M.D., author of Managing the Cost of Medicare Part B Drugs: Implications for the Program and Beneficiaries

Interview with Pim Cuijpers, PhD, author of Effectiveness and Acceptability of Cognitive Behavior Therapy Delivery Formats in Adults With Depression: A Network Meta-analysis

Interview with Brandon Westover, MD PhD, author of Interrater Reliability of Experts in Identifying Interictal Epileptiform Discharges in Electroencephalograms

Interview with Justin S. Golub, MD, MS, author of Association of Subclinical Hearing Loss With Cognitive Performance

This presentation is designed to assist tax professionals with the many complications involving the filing of forms with the Canada Revenue Agency. Join Gavin Laird, of Laird & Company, who will navigate the myriad of form types and provide insightful instruction for those cases where your situation does not quite fit within the norm. He will also provide valuable guidance for resolving cases where form filing has gone awry.

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1709, February 25, 2015

Corporate Tax Forms

This Webinar is designed for Corporate Taxprep users who are new to filing Canadian corporate tax returns or need a refresher on the forms and filing requirements. The Webinar will explain the concepts of General Index of Financial Information (GIFI) and T2 Bar Code return. We will also look at some of the special forms that are unique to corporate tax returns and when they are required.

This webinar is approximately 1 hour in length.

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1310, January 15, 2015
ipwebinar.aspx?tab=1&smid=1310, March 25, 2015
ipwebinar.aspx?tab=1&smid=1310, May 13, 2015

This Webinar will focus on how to prepare and submit your T-Slips using the new interface with FormMaster. Plus how to navigate around in the program when searching for extraneous forms.

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1699, January 14, 2015
ipwebinar.aspx?tab=1&smid=1699, January 21, 2015

Lesk, Arthur M., author