Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorMoysh
    • CommentTimeJun 5th 2008
     permalink
    I am looking for a sample (tutorial) of how to create a flyout menu with multiple rows and columns (similar to CBS.com - click "shows") but not so fancy just a simple "table" when a menu item is hovered over this "table of items names" will display in a 3 x 5 format for example, each of those 15 links will of course click to the item page. The table will be diffrent for each MAIN menu item but i guess the rule will be 3 columns. so 39 items will be 3 x 13, 25 items will be 3x8 plus 1 overflow etc.
    Thanks
    • CommentAuthorpaul
    • CommentTimeJun 8th 2008
     permalink
    hi dude!

    it is not a huge task just pass an id of a DIV/Table and put a style {display:none} and onMouseOver of any element change its style to {display:''} and onMouseOut of your menu just hide your table again {display:none}.


    regards
    ___________
    Paul Peterson
    ¯¯¯¯¯¯¯¯¯¯¯
    • CommentAuthorsoulID
    • CommentTimeJun 8th 2008
     permalink
    You can create a normal CSS menu using lists. Inside the <li>, just put the entire div in there. It will be XHTML valid if you're concerned about doing it that way.

    If you want to see an example, let me know.
    • CommentAuthorMoysh
    • CommentTimeJun 10th 2008
     permalink
    I would love a sample. Im somewhat newbie to CSS.
    • CommentAuthorsoulID
    • CommentTimeJun 16th 2008
     permalink
    Moysh,

    Please send me an email (info [at] soulidentity {dot} com) so I can send you a zip file directly.
Add your comments
    Username Password
  • Format comments as (Help)