Hi Scott- Here's what I got: http://johnjlee.net/test/working_example_suckerfish.html
Can you tell me what I'm missing here? Thanks for your help. John On 5/21/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > Well, they aren't exactly doing it with lists. Essentially they have 6 > divs that act as columns in that dropdown. You could do something like > that. Otherwise, you could do 3 levels of ul nesting with the 3rd > acting as each separate column like this. I'm not sure if there is any > nice clean way of doing it with uls, but this might be the closest. > You'll want to float your 3rd level uls to the left with a given width > to create columns. > > <ul> > <li>Test 1 > <ul style="background:red;"> > <li> > <ul> <!--column 1--> > <li>Test A</li> > <li>Test B</li> > </ul> > <ul> <!--column 2--> > <li>Test C</li> > <li>Test D</li> > </ul> > </li> > </ul> > </li> > <li>Test 2 > <ul style="background:blue;"> > <li>Test A</li> > <li>Test B</li> > </ul> > </li> > </ul> > > -----Original Message----- > From: John Lee [mailto:[EMAIL PROTECTED] > Sent: Monday, May 21, 2007 10:41 AM > To: Heckel, Scott (West) > Cc: css-d@lists.css-discuss.org > Subject: Re: [css-d] How do you create this multicolumn dropdown menu? > > Cool. Thanks for the quick response, Scott. But how can I now create > columns with line breaks like in the example (islandrecords.com)? > > My apologies if the answer is obvious. I'm relatively new to this. > > Thanks, John > > > On 5/21/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > I'm guessing that this is some sort of styled/modified suckerfish > > dropdown but I > > > haven't been able to find out how to do it. If anyone can provide > > > some > > direction that > would really be great. > > > > I'm not sure if this is exactly what you want, but this seems to get > > it close to the feeling of their site. You'll need to add the js > portion. > > > > ul { > > padding:0; > > } > > li { > > display:inline; > > } > > li ul { > > position:absolute; > > display:none; > > } > > li:hover ul { > > display:block; > > } > > > > <ul> > > <li>Test 1 > > <ul style="background:red;"> > > <li>Test A</li> > > <li>Test B</li> > > <li>Test C</li> > > <li>Test D</li> > > </ul> > > </li> > > <li>Test 2 > > <ul style="background:blue;"> > > <li>Test A</li> > > <li>Test B</li> > > </ul> > > </li> > > </ul> > > > > -----Original Message----- > > From: [EMAIL PROTECTED] > > [mailto:[EMAIL PROTECTED] On Behalf Of John Lee > > Sent: Monday, May 21, 2007 9:39 AM > > To: css-d@lists.css-discuss.org > > Subject: [css-d] How do you create this multicolumn dropdown menu? > > > > Ladies & Gentlemen- > > Does anyone know how to create the dropdown menu on this site > > (rollover the "Artist" selection in the main nav): > > > > http://www.islandrecords.com > > > > I'm guessing that this is some sort of styled/modified suckerfish > > dropdown but I haven't been able to find out how to do it. If anyone > > can provide some direction that would really be great. > > > > Thanks, > > John > > ______________________________________________________________________ > > 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/ > > > ______________________________________________________________________ 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/
