Hi Mordechai
As for the image being a definition term, I first used this format for
illustrating a gallery of objects in a museum's collection. The image
represented the work of art. As such, it seems to fit the semantics of a
definition list for ME. That may not mean I'm correct.
If the information in the dd is adding to the definition of the dt, and an
image can do this, why wouldn't it be semantic?
I don't know the W3C codes by heart, so I could easily be missing an important
part of the puzzle and would be interested in seeing what I am missing.
Andy Clarke has an interesting post on creating an e-commerce site with
definition lists:
http://www.stuffandnonsense.co.uk/archives/ecommerce_definition_lists.html
He is using an image of a book in a dt tag. Would tht be more appropriate?
I don't remember the use of the position relative. This was one of those styles
I threw together and it worked the first time and never went back and
optimized. It probably would be fine without it.
Ted
-Original Message-
From: Mordechai Peller [mailto:[EMAIL PROTECTED]
Sent: Monday, December 20, 2004 2:35 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Need better markup
Ted Drake wrote:
>
>height="108" width="72">
>Gina Rodriguez
>Account Manager
>Ext. 2412
>
>
Ted, I don't think your dl's are very semantic, though they could (and
should) be. A dl is a list (even a list of one, which works for dl's,
but generally not ul's nor ol's) of pairs: a group of terms followed by
a group of datum. In your example, Gina is paired with her job title and
her extension, which is a very good use a dl (though adding a class
and/or title would probably improve it even more, that's a separate
discussion); however Gina's picture is unassociated data.
Just to restate my general opinion regarding your suggestion of dl's for
Collin's mark-up, I'm in 100% agreement. The only failing here is that
you need to use separate dl's for each item. This will be corrected in
XHTML 2 with the addition of the data item ()[1] container to group
the dt's and dd's together and provide a much needed CSS hook.
[1] http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html#edef_list_di
>#salescontacts dt {position:relative; margin: 0; font-weight:bold;}
>
Just curios, but why "position:relative"? Is it to rectify an IE float bug?
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**