The definition list will give you more flexibility in associating the
information. You have an architectural product, lets say a column.
The data term is "Architectural Column", the image is the data definition.
When you decide to add prices or dimensions, just add another dd and provide
additional information that describes the data term, the Architectural column.
With the current div setup, you have information but there is no connection
between the data. Adding another level of information would make the difference
more dramatic. I think the pages you are using coud easily use more information
in the future.
If you want to simplify only, try this:
<p class="floatleft">
<a href="products.htm_pages/balustrade/index.php" title="Cast Stone Balustrade">
<img src="images/css_thumbs/products/balustrade.jpg" alt="Balustrade Example"/>
Balustrade</a></p>
p.floatleft {width:xxxpx; float:left; margin:5px;}
p.floatleft img{display:block; border:0;}
or whatever you want the image to do.
Ted
-----Original Message-----
From: Collin Davis [mailto:[EMAIL PROTECTED]
Sent: Monday, December 20, 2004 12:33 PM
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Need better markup
Ted,
Thanks for the suggestion. Looking at it though - it doesn't really save
any code, and I can't really see how using a definition list is any more
semantic than using div tags. I'm not trying to discredit your suggestion,
but could you help me better understand the different between the markup:
___________________________________________________________________________
<div class="float">
<a class="imgfloat" href="products.htm_pages/balustrade/index.php"
title="Cast Stone Balustrade"><img
src="images/css_thumbs/products/balustrade.jpg" alt="Balustrade Example"
/></a><p><a href="products.htm_pages/balustrade/index.php" title="Cast Stone
Balustrade">Balustrade</a></p>
</div>
____________________________________________________________________________
<dl>
<dd><a href="products.htm_pages/balustrade/index.php" title="Cast Stone
Balustrade"><img src="images/css_thumbs/products/balustrade.jpg"
alt="Balustrade Example" /></a>
<dt><a href="products.htm_pages/balustrade/index.php" title="Cast Stone
Balustrade">Balustrade</a></p>
</dl>
____________________________________________________________________________
What I'd really like to be able to do is somehow reduce this to the img and
p tags+link anchors, but I have no idea if it's even possible, since it does
seems that each of these links would fall into a separate page division, or
list item.
If you can somehow convince me that you can lend about $20k worth of
definition list advice, an angel or cupola is yours. ;)
Thanks for the resonse!
******************************************************
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
******************************************************
