Previous Message
Next Message

RE: [css-d] Definition list display table-like

Sent by David Mackay on 5 May 2003 23:11


Hi, another list question from me :-)
 
I want the display to be like the following:
---------------
NAME OF THE PROJECT GOES HERE
Organization:    Organization Name
Location:        Somewhere
Focus:           Project focus area
Budget:          $10,000
Summary:
This is one paragraph summary on the project. Lorem ipsum dolor sit
amet, 
consectetuer adipiscing elit. Etiam bibendum, justo vel venenatis
dapibus, 
dui risus tempor augue, vitae sollicitudin pede lectus nec felis.
---------------
Currently the page is in table format (with project header and summary 
having colspan=2). There are 6 such projects to be displayed on the
page.
 
Questions:
1. Are tables appropriate here? Should I go for Definition list instead?
2. If I use <dl>, how do I get them to display as above? I tried
display: 
table-cell and display: table-row. Neither worked.
3. Should "Summary" also be a <dt> + <dd> or should it be <h3> + <p> 
instead?
 
Semantically speaking, this sounds like the perfect use of tables. After
all, you're presenting essentially tabular data. However, I wouldn't put
the summary in the table structure. Rather, I'd style it more like a
caption to the table (probably with <h3> and <p>, as you suggest).
Similarly, does the project title need to go into the table, or can it
sit above the table data in an <h2>?
 
David. 
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: