Collin Davis wrote:
I just asked for some advice on css-d, regarding gallery pages, very similar to www.strombergarchitectural.com/products.php <http://www.strombergarchitectural.com/products.php> - the same pages I asked for help on with cleaner, more semantic code on this list not too long ago. The advice I received from several people, and agreed with, was to uses lists, which I have done. However, two people on css-d commented about the “incorrect use of lists” there – one person suggested it was tabular data, and should use tables.
Hi,
I like lists for stuff like this too; however, I prefer definition lists over unordered list. While CSS can be used to add presentation to any list, when CSS is off, unordered lists do little to convey any meaning or priority. Definition lists, even with CSS off, will continue to convey a reasonable sense of "item" grouping and precedence. Combined with the title attribute, you can easily create lists that are pretty darned clear.
I would use something like this:
<style type="text/css">
dl {
border: 1px solid #BDBEC1;
margin: 0;
padding: 5px 15px;
width: 100px;
}dt {
margin: 0 0 5px 0;
padding: 0;
}dd {
margin: 5px 0 0 0;
padding: 0;
}</style>
<dl title="Digital Image Album">
<dt title="Album Title">Quoins</dt>
<dd title="An image of a..."><img src="quoins.jpg" alt="" width="100" height="100"></dd>
<dd title="The description of a...">Description</dd>
</dl>
Of course, I'm still trying to figure this out for myself, but I think this is a good method given what we have to work with.
-- Best regards, Michael Wilson
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
