To be honest I am a little confused by your menu hierarchy. Is
"Popular" a
heading or a sub menu element? Anyway your HTML structure was
incorrect as
you had a <li> element a direct child of another <li> element. Here
is what
I _think_ you were trying to achieve:
<div id="tab">
<ul>
<li id="active"><a href="#">you are here</a></li>
<li>
<a href="#">Popular</a>
<ul>
<li class="first"><a
href="#">today</a></li>
<li><a href="#">this week</a></li>
<li><a href="#">this month</a></li>
</ul>
</li>
</ul>
</div>
Hi Kepler,
Thanks for looking. Yeah, you are right, I have a look again, my menu
is confusing, not just hierarchy, but the code also wrong in the
example page. The 'popular' is a sub menu element and 'today', 'this
week' and 'this month' are the sub menu of 'popular'.
The job was completed on Thursday night with correct markup though,
but the result isn't semantic I am afriad, as client wanted it this
way because it makes sense to him:
<ul><li id="active"><a href="#">you are here</a></li>
<li> <a href="#">Popular</a> | <a href="#">today</a> | <a
href="#">this week</a> | <a href="#">this month</a></li>
</ul>
Thanks again for showing the correct markup.
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
