|
Just a follow up....
Had a surf around and remembered
the Malarky article on eCommerce DLs
It made me think about what would
happen if we wanted to describe aspects of the <dd>s as having defintions
themselves.
For example, in the version I put
together (below), it has "Features" and "Web" which should have their own
DL.
I wasn't satisified with Malarky's
use of <li> and <span> to mark it up - unordered lists seemed
somehow wrong here ...
So here's the Malarky one (without
styling) - instead as a more semantically formed product list.
This is getting sexy!
:o)
If only IE would support the
"after" pseudo element!
As an alternative to the colon, you
can colour the secondary <dt> to make it stand out more.
R ----- Original Message -----
From: Richard Czeiger
Sent: Wednesday, April 05, 2006 10:25 AM
Subject: *****SPAM***** Re: [WSG] Definition List for Products/Items
with Image Aha!
Following on from my chat with
Micky, I've decided the best
place (semantically) for an image is in a <dd>.
After playing around a little, I
think I've got it!
Check out the following
address:
This works in PC FireFox, PC IE
(with only one hack) and Mac Safari 2.
The HTML about as clean as
it's going to get.
Also, resizing the text works like
a charm...
The positioning of the image
(regardless of whether it's a <dt> or a <dd>) was inspired by
Thierry - nice one, mate ;o)
What do you think?
R
:o)
|
- Re: *****SPAM***** Re: [WSG] Definition List for Products/... Richard Czeiger
- Re: *****SPAM***** Re: [WSG] Definition List for Prod... Richard Czeiger
