Yeap, there are multiple <ul> in the sub menu and the rest of trick is
done with CSS.
ul#topnav .menu ul.sub_nav {
margin:0 10px 0 0;
padding:0;
width:130px;
}
Giving each sub navigation ul a fixed width and floating it to the left.
----
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Fri, Feb 6, 2009 at 7:42 AM, uztha4c <uzth...@gmail.com> wrote:
>
> just take a look at the source code for the site...basically it looks
> like this:
> <li class="nav_press"><a href="/briefing_room/"
> class="nav_item"><span>The Briefing
> Room</span></a>
> <div class="menu">
> <ul class="sub_nav">
> <li><a href="/blog/">The Blog</a></li>
> <li><a href="/weekly_address/">Your Weekly Address</a></
> li>
> <li><a href="/slideshows/">Slideshows</a></li>
> <li><a href="/briefing_room/PressBriefings/">Press
> Briefings</a></li>
> <li><a href="/briefing_room/OfficialStatements/">Official
> Statements</a></li>
> </ul>
> <ul class="sub_nav">
> <li><a href="/briefing_room/PressReleases/">Press
> Releases</a></li>
> <li><a href="/briefing_room/
> PresidentialActions/">Presidential Actions</a></li>
> <li><a href="/briefing_room/
> nominations_and_appointments/">Nominations & Appointments</a></li>
> </ul>
> <div class="clear">
> </div>
> </div>
> </li>
>
> then look at the style.css stylesheet. then check out the js in the
> jquery-plugins.js file related to superfish.
>
> On Feb 5, 5:41 pm, Mario <designsdr...@gmail.com> wrote:
>> thanks for the response. Any idea where I can get some code that will
>> allow me to create such navigation system? I'd appreciate the
>> information.
>>
>> On Feb 4, 7:37 pm, Joel Birch <joeldbi...@gmail.com> wrote:
>>
>> > Hello,
>>
>> > I think that it's simply a matter of including multiple ul elements
>> > inside the parent li, then floating them alongside each other
>> > (obviously they will need a width to be set). I've seen this work and
>> > have experimented with it myself in the past to be sure that it does
>> > work, but I don't have any examples to show you unfortunately.
>>
>> > Joel.
>
