I would probably use something like this ... (with h replaced with the
level heading required)
<ul>
<li>
<h><a href=""><img src="" alt=""></a></h>
<ul>
<li><a href="">View</a></li>
<li><a href="">Buy</a></li>
</ul>
</li>
<li>
<h><a href=""><img src="" alt=""></a></h>
<ul>
<li><a href="">View</a></li>
<li><a href="">Buy</a></li>
</ul>
</li>
</ul>
Darren.
On 26/06/07, Jamie Collins <[EMAIL PROTECTED]> wrote:
Good Day All.
This is not really a 'How To' post, but instead, id like to know your views
on possible ways of marking up
the images with links under each image, example :
http://img181.imageshack.us/img181/1346/galltr8.gif (A
rough mock-up sent to me by the client)
Usually i would do either:
<dl>
<dt><a href="" title=""><img src="" alt=""></a></dt>
<dd><a href="" title="">View</a></dd>
<dd><a href="" title="">Buy</a></dd>
</dl>
A <ul> would seem like a mess when adding the View and Buy links. But the
thing that worries me is that this does not
show good use of a Def. List because the image isn't exactly a Def. Term and
the View and Buy arn't exactly Def. Descriptions are they?
I could also think of other ways to do the same thing, by placing a <span>
inside a <li> and using the <span> as a container for the image
and the links but again, it gets a bit messy, messy mark-up is the last
thing i want.
Any thoughts on the matter greatly appreciated.
*******************************************************************
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
