Skip navigation
image-y
image-yCalculating status...
Currently Being Moderated

creating a horizontal SPRY submenu

Jul 20, 2008 6:15 PM

I just created my 1st Spry horizontal menu. The problem is that the submenu in vertical and I would like to have it horizontal.

Can anyone help?

Thanks!
  • SnakEyez02
    Currently Being Moderated
    SnakEyez02,
    Community Member
    Jul 20, 2008 8:02 PM
    Report
    http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHoriz ontalMenuBarSample.html
    |
    Mark as:
  • image-y
    Currently Being Moderated
    image-y,
    Community Member
    Jul 21, 2008 6:24 AM
    Report
    Thanks SankEyez but I already know how to center the menu items.

    What I need is to make the SUBMENU be HORIZONTAL just like the main menu.

    Thanks
    |
    Mark as:
  • SnakEyez02
    Currently Being Moderated
    SnakEyez02,
    Community Member
    Jul 21, 2008 8:13 AM
    Report
    Oops. My fault. It was late when I did that and I thought your title said center.

    When you first try to insert the menu it should give you the option for both.

    If you choose the wrong way there are 2 ways to fix this. The first is to just delete the original menu and create a new one. Or the quick fix is to do this:

    In the code view you will see a class defined at the beginning of your menu "MenuBarVertical" will be the class. Then head over to the Adobe labs and from their samples you can find the address of their CSS and you end up with this:

    http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHor izontal.css

    Save that file into the SpryAssets folder. Change the previously mentioned MenuBarVertical to MenuBarHorizontal and changed the linked CSS document from SpryMenuBarVertical.css to SpryMenuBarHorizontal.css. Then re-upload the file and upload the new CSS document and you are good to go.

    Btw the homepage to the Spry page of the Adobe labs is:

    http://labs.adobe.com/technologies/spry/home.html

    There is also a link to the official Spry forums should you need further assistance. But if you do that I would recommend downloading the Spry Updater. All you have to do is download the zip file and inside you will find a Dreamweaver extension. Install the extension and everything will be updated.
    |
    Mark as:
  • image-y
    Currently Being Moderated
    image-y,
    Community Member
    Jul 21, 2008 11:03 AM
    Report
    Hi Snakeyez

    In my code it says "MenuBarHorizontal" no vertical since it's a horizontal menu.

    I think the step you gave me was to change my MAIN MENU from vertical to horizontal. But what I need is to have a HORIZONTAL MENU with a HORIZONTAL submenu.

    Any ideas?
    |
    Mark as:
  • SnakEyez02
    Currently Being Moderated
    SnakEyez02,
    Community Member
    Jul 21, 2008 12:30 PM
    Report
    If you do that it won't be a "Menu Bar" because technically that is just a drop-down menu. So even though the first layer of options may be horizontal the layers below that will always show vertical.

    If you need to do that type of a layout you need to use the tabbed panels and style them to look like a menu bar and set to work on mouseover. Then if you need multiple layers you will have to nest another tabbed panel inside following the instructions in the following post:

    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=7 2&catid=602&threadid=1357089&highlight_key=y&keyword1=tabbed%20panel

    To set the mouse over you can view the following pages:

    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_pa nel_sample.htm - shows you how to do onmouseover.
    http://labs.adobe.com/technologies/spry/articles/tabbed_panel/index.ht ml - more info on tabbed panels
    |
    Mark as:
  • image-y
    Currently Being Moderated
    image-y,
    Community Member
    Jul 21, 2008 3:43 PM
    Report
    Ok, thanks.

    That'S too complicated for me. I need a simple solution that I can modify easily. I'm a designer not a programmer.

    I guess I'll hunt the Web cuz those types of menus do exist. :)
    |
    Mark as:
  • Newsgroup_User
    Currently Being Moderated
    Newsgroup_User,
    Community Member
    Jul 21, 2008 5:49 PM
    Report
    Then how about this:

    http://www.projectseven.com/viewer/index.asp?demo=graffiti


    image-y escribió:
    > Ok, thanks.
    >
    > That'S too complicated for me. I need a simple solution that I can modify easily. I'm a designer not a programmer.
    >
    > I guess I'll hunt the Web cuz those types of menus do exist. :)
    |
    Mark as:
  • SnakEyez02
    Currently Being Moderated
    SnakEyez02,
    Community Member
    Jul 22, 2008 9:28 AM
    Report
    I told them they could do one level speculumcm. But they want to be able to have multiple levels.
    |
    Mark as:
  • image-y
    Currently Being Moderated
    image-y,
    Community Member
    Jul 22, 2008 9:35 AM
    Report
    Thanks guys for your responses and help. It was a learning experience!

    I found this tab menu that I'll be playing with.

    http://www.dhtmlgoodies.com/index.html?whichScript=dhtmlgoodies-tabmen u
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • Correct Answers - 10 points
  • Helpful Answers - 5 points
Choose your region
Security Contact Adobe Report piracy EULAs Permissions and trademarks Careers

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Reviewed by TRUSTe: site privacy statement

Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy (updated 07-14-2009).