On 8/31/07, Marcelo de Moraes Serpa <[EMAIL PROTECTED]> wrote:
> Hello list,
>
> I'm creating a horizontal icon-based menu. Each item has an icon and a
> legend. Here's the XHTML:
>
> <div style="padding-left:10px">
> <ul class="horizontal_list">
>
> <li><a href="edit"><div><img alt="User_48" src="/images/icons/user_48.png"
> /></div><div>Edit Profile</div></a></li>
> <li><a href="check"><div><img alt="Okdate_48"
> src="/images/icons/okdate_48.png" /></div><div>Check payment
> history</div></a></li>
> <li><a href="edit"><div><img alt="User_48" src="/images/icons/user_48.png"
> /></div><div>Edit Profile</div></a></li>
> <li><a href="check"><div><img alt="Okdate_48"
> src="/images/icons/okdate_48.png" /></div><div>Check payment
> history</div></a></li>
>
> </ul>
> </div>
>
>
> The question is: How can I get this legend link to be underlined like any
> other default link text?
>
By writing valid xhtml: <a> is inline - it may not contain block
elements, so the compliant rendering engines will close the <a> before
commencing the first <div> (you might even find that it isn't
clickable).
Try this:
<li><a><img /><span class="legend">foo</span></a></li>
and style .legend {display:block; text-align:center;}
--
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
