Images in spry menus

I'd like to use small images/icons in my vertical spry menu
bar. this works ok, exept that the white separation line (border)
between the menu items disappears in those spesific cells. The
cells containing just text keep their white line, and I simply
can't find out where I manually can create this for the others.
Anyone understand what I'm talking about?
If you take a look at my site , and the spry menu on the
left, you'll see. The white line between menu item 1 and 2 is
missing...

The security settings only apply when you view the file
locally in IE, won't
have any effect when you load the page.
I don't have time to check/test the code right now, maybe a
quick visit to
the spry forum may get you some help - I believe you may need
to set up a
separate class so that you only get the one divider border on
the top level
and a different one on the sub menu (from memory :), it's
been a while since
I worked with the spry menu.
Forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Hope they can help you pretty quickly - sometimes there is a
bit of a wait
I'm afraid.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"sykkeltyv" <[email protected]> wrote in
message
news:[email protected]...
> Thnx for answering, Nadia!
>
> Well, now I got my thin black line around each cell of
the menu, in
> addition
> to the white separation line between the items
containing text. I only
> want one
> of these to show, regardless of wich one. So, can I
remove the white line
> already there, in some way?
>
> (one more clue that might help: When I preview this
page, I have to accept
> to
> run active content (only due to security settings here
at work). The white
> line
> between menu items only appear after I have accepted the
activce content.
> Does
> this tell you anyting in order to find out where these
settings can be
> done?)
>
>
quote:
Originally posted by:
Newsgroup User
> Try adding the border to the following rule:
>
> /* Menu item containers, position children relative to
this container and
> are same fixed width as parent */
> ul.MenuBarVertical li
> {
> margin: 0;
> padding: 0;
> list-style-type: none;
> font-size: 100%;
> position: relative;
> text-align: left;
> cursor: pointer;
> width: 12em;
> height: auto;
> border: 1px solid black; <--------- added this line
here
>
>
>
>

Similar Messages

  • Using images in Spry menus

    Can someone please point me to instructions on how to incorporate button images in horizontal Spry menus?

    Here's the working model for the menu I created using images for the main menu tabs: http://mmfc.org/HomePage_CleanUp/index_working.html. And here is the style sheet: http://mmfc.org/HomePage_CleanUp/SpryAssets/working.css.
    I have one remaining problem, and hope someone can help.
    There are three states/images for the main menu tabs: normal state, hover state (when the cursor is over the tab), and visible state (when a submenu is open and the cursor is over a submenu item).
    In OS10.6.4/Safari, it works correctly:
    Normal state
    Hover state
    Visible state
    In Windows XP/IE 6, the 3rd state works incorrectly -- the hover state doesn't get replaced by the visible state:
    In OS10.6.4/Opera and OS10.6.4/Firefox, it also works incorrectly -- but this time the hover state gets replaced by the hover color, not the visible state image:
    For reference, I've copied the CSS below.
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    float: right;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive {
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
    background-color: #FDE9BB;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
    left: auto;
    /* Menu item containers are variable width according to submenu item text */
    ul.MenuBarHorizontal ul li {
    width: auto;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul {
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* No borders on all sides */
    /* ul.MenuBarHorizontal ul
    border: 1px solid #666666;
    /* Menu items are a light colored block with no padding and no text decoration */
    ul.MenuBarHorizontal a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    display: block;
    cursor: pointer;
    color: #000000;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 11px;
    /* For setting the background color of the spry menu you need to edit the background in the CSS pane. Click on the spry menu bar and then open up the CSS pane. Window > CSS Styles. There's a few CSS items that set the background by default. The "a" item sets the background for the items that don't have a dropdown and the MenuBarItemSubmenu sets the background for the items that have a dropdown. You can set the background to an image just like you would any other element in your HTML. */
    /* The following selectors define images for the (orange) normal state of tabs */
    ul.MenuBarHorizontal a #AboutUs {
    background-image: url(../img/DropDownMenu_aboutus.gif);
    ul.MenuBarHorizontal a #Missions {
    background-image: url(../img/DropDownMenu_missions.gif);
    ul.MenuBarHorizontal a #Help {
    background-image: url(../img/DropDownMenu_help.gif);
    ul.MenuBarHorizontal a #NewsAndEvents {
    background-image: url(../img/DropDownMenu_newsandevents.gif);
    ul.MenuBarHorizontal a #Media {
    background-image: url(../img/DropDownMenu_media.gif);
    ul.MenuBarHorizontal a #PatientStories {
    background-image: url(../img/DropDownMenu_patientstories.gif);
    ul.MenuBarHorizontal a #ContactUs {
    background-image: url(../img/DropDownMenu_contactus.gif);
    /* The following selectors define images for the (bright) active state of tabs.*/
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #AboutUs, ul.MenuBarHorizontal a.MenuBarItemHover #AboutUs, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #AboutUs {
    background-image: url(../img/DropDownMenu_aboutus_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Missions, ul.MenuBarHorizontal a.MenuBarItemHover #Missions, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Missions {
    background-image: url(../img/DropDownMenu_missions_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Help, ul.MenuBarHorizontal a.MenuBarItemHover #Help, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Help {
    background-image: url(../img/DropDownMenu_help_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #NewsAndEvents, ul.MenuBarHorizontal a.MenuBarItemHover #NewsAndEvents, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #NewsAndEvents {
    background-image: url(../img/DropDownMenu_newsandevents_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #Media, ul.MenuBarHorizontal a.MenuBarItemHover #Media, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #Media {
    background-image: url(../img/DropDownMenu_media_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #PatientStories, ul.MenuBarHorizontal a.MenuBarItemHover #PatientStories, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #PatientStories {
    background-image: url(../img/DropDownMenu_patientstories_vis.gif);
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover #ContactUs, ul.MenuBarHorizontal a.MenuBarItemHover #ContactUs, ul.MenuBarHorizontal a.MenuBarSubmenuVisible #ContactUs {
    background-image: url(../img/DropDownMenu_contactus_vis.gif);
    /* The following selectors define images for the (red) hover state of tabs.*/
    ul.MenuBarHorizontal a:hover #AboutUs, ul.MenuBarHorizontal a:focus #AboutUs {
    background-image: url(../img/DropDownMenu_aboutus_hover.gif);
    ul.MenuBarHorizontal a:hover #Missions, ul.MenuBarHorizontal a:focus #Missions {
    background-image: url(../img/DropDownMenu_missions_hover.gif);
    ul.MenuBarHorizontal a:hover #Help, ul.MenuBarHorizontal a:focus #Help {
    background-image: url(../img/DropDownMenu_help_hover.gif);
    ul.MenuBarHorizontal a:hover #NewsAndEvents, ul.MenuBarHorizontal a:focus #NewsAndEvents {
    background-image: url(../img/DropDownMenu_newsandevents_hover.gif);
    ul.MenuBarHorizontal a:hover #Media, ul.MenuBarHorizontal a:focus #Media {
    background-image: url(../img/DropDownMenu_media_hover.gif);
    ul.MenuBarHorizontal a:hover #PatientStories, ul.MenuBarHorizontal a:focus #PatientStories {
    background-image: url(../img/DropDownMenu_patientstories_hover.gif);
    ul.MenuBarHorizontal a:hover #ContactUs, ul.MenuBarHorizontal a:focus #ContactUs {
    background-image: url(../img/DropDownMenu_contactus_hover.gif);
    /* Menu items that have mouse over or focus have a dark background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    background-color: #bf2e1a;
    color: #FFFFFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a dark background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color: #bf2e1a;
    color: #FFFFFF;
    /* Sets width of submenus and makes text non-wrapping  */
    ul.MenuBarHorizontal ul li {
    display: block;
    float: none;
    width: 12em;
    white-space: nowrap;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    /* background-image: url(SpryMenuBarDown.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
    /* background-image: url(SpryMenuBarRight.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
    /* background-image: url(SpryMenuBarDownHover.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
    /* background-image: url(SpryMenuBarRightHover.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe {
    position: absolute;
    z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
    display: inline;
    /* f\loat: left;
    background: #FFF; */

  • Images and Spry menus

    I don't want to use text for my main menu -- I want to use images so my main menu tabs will be a set size.
    Can I do this using the Spry (horizontal) menu I've already set up?
    If so, I don't know how to do this.
    What specifically do I need to change, in the html and/or the css? I don't understand the Spry menu CSS enough to be able to figure this out.
    Can someone explain?

    Have a look at the answer to your other post http://forums.adobe.com/message/3227999#3227999

  • Help with images in Spry menus

    I need help making this work: I want my menu buttons and
    submenu buttons to be images rather than text. I've been able to
    set it up to use different images for each of the main and
    sub-level buttons, but only for the active state. I cannot figure
    out how to use a different set of "hover images" for the hover
    state. Note-- Each button and submenu button in the entire menu are
    different images, so I suspect I need to use different ID's for
    each, but I am not sure how to set that up in the
    SpryMenuBarHorizontal.css file for each different button in, at
    least, the active and hover states. Can anyone offer some help with
    this?:

    V1 - Thank you for the suggestion, but this does not exactly
    solve my dilemma. In its simplest terms, this is what I want to do:
    Create a single drop-down menu where there is "Item 1" with
    submenus "Item 1.1", "Item 1.2", and "Item 1.3". But, I want to use
    different images for each item and subitem in their Active and
    Hover states. So, in this example, there would be 8 different
    images... An Active and a Hover image for each of Item 1, Item 1.1,
    Item 1.2 and Item 1.3.

  • Spry menus - using images for buttons

    A search of the forums shows two approaches, to use an image
    for a button in a Spry menu.
    One of them uses HTML to put an <img> into the
    <li>. Here is the example I found cited [contributed by
    arandlett - though said there not to work in IE7].
    <ul class="MenuBarVertical" id="MenuBar1">
    <li><img src="images/bullet.png" align="left"
    /><a class="MenuBarItemSubmenu"
    href="index.htm">home</a></li>
    <li><img src="images/bullet.png" align="left"
    /><a href="#">About</a> </li>
    </ul>
    The other advises "find "background-color" and change it to
    "background-image: url(link/to/image)" " [contributed by The only
    RaM].
    Underlying of course, is the question, how does the HTML
    interplay (or not!) with the Spry javascript?
    By this time, there must be pretty wide experience. After
    all, putting interesting buttons in the popups/dropdowns is in many
    ways what this is about.
    We would be quite appreciative to learn what experience
    indicates, now, is best practice. Or, does it depend, on ... ?
    Thanks in advance for your help, David Allen

    Let me add a note to my own post.
    We would still be delighted to hear others' experience, with
    images in Spry menus. One thing does emerge with a little further
    look: The Spry menu is suited to using the _same_ image for each
    button. If the desire is to vary that image (such as to use an
    unusual font, so that the text changes on each image), then
    Fireworks clearly is the tool of choice.
    Again, we would be pleased to hear other experiences, David
    Allen

  • Using Images in Spry Dropdown Menus??????

    I am in the middle of making a web site that needs a drop down menu for one of the top navigation menu buttons, when I designed the web site I created my  own buttons (images) in photo shop. When I went to create me navigation bar I tried to insert images in the spry menu bar, so that I can have my imaged and have the drop down menu but that didn't work, so then I tried to use a table and insert the images there and in the cell that needs the drop down bar I put in a spry menu bar but that through the whole navigation bar off. Can anyone help or does anyone know how to use images in spry drop down menus that can help me have the look I want and the drop down menu?

    Have a look here http://www.adobe.com/devnet/dreamweaver/articles/spry_widgets_design_04.html
    I hope it helps.
    Ben

  • Background image in Spry dropdown menu

    Hey everyone,
    I am at my wits end. I am converting an old table-based page to a css standards-compliant page and need to use a spry drop-down menu but can't get a background image to show up in the menu. If the top-most level has no submenu, then the background image shows up fine. But if I have a submenu, then no background image will display. I have put a background image in every place I can think of in the css for the menu, but it won't show up. I have googled for a solution, read the documentation on the spry menus, as well as searched through the Dreamweaver forum to no avail.
    Does anyone know how to do this? If it is not possible, can someone let me know that?
    Here is the page: http://www.sportplanesflorida.com/index_css.php (notice how the "Learn to Fly" tab has no background image).
    Thanks for your help.
    Mike

    remove the background-position:95% 50%; from your css.
    ul.MenuBarHorizontal a.MenuBarItemSubmenu {
         background-position:95% 50%;
         background-repeat:no-repeat;

  • Help with Dreamweaver CS5 spry menus. Submenus are not showing.

    Hello.
    I am working on a new website, and added 2 vertical spry menus to the page (left hand side under SEARCH). All of my submenus were working properly except for the fact that I couldn't see the entire list once it dropped down past the container window. I tried adding "overflow: visible" to the ul.MenuBarVertical ul AND ul.MenuBarVertical ul li and all of my submenus disappeared. Both spry menus were saved with different names. I tried UNDO multiple times, but they are still not working. HELP! I really don't want to have to go back and re-create these 2 menus.
    Thank you.
    Heres the link to my website
    http://www.advertools.net/pmgdemo/index.html
    P.S. I am Mac based and have only viewed my site on Safari, so I'm not sure how this looks on IE or any other browsers.

    I looked at your linked site from a PC on Chrome 12, Firefox 4 and IE9. Your menus show albeit that they sometimes overlap a little in an unpleasant (but workable) way. I have not checked with Safari, need to get an updated copy.
    So the problem does not show up in the browser.
    Is the problem with Contribute?
    PS: You submenus show out horizontally, not vertically - is that what you intended?

  • Horizontal Spry Menus are not showing up in ANY browser HELP!

    www.tvnewsjunkie.com
    I am a novice web designer and I need help!
    The above site listed is the site I am currently working on. As you can see the menu bar...is not a menu bar at all but a long list of links along the left side.
    HOWEVER, when I click on LIVE VIEW in DreamWeaver everything looks fine.
    There should be 7 total menu bars with 7 Dropdown menu options each (except on the bottom menu bar which there will only be 4 I believe)
    What am I doing wrong??

    Thank you so much for your help!This matter is certainly closed.
    I just want to add, however, that somehow my Spry Assets folder was placed somewhere outside of the rest of my files! no wonder I was confused.
    Thank you again!
    Grant
    Date: Fri, 17 Dec 2010 23:43:25 -0700
    From: [email protected]
    To: [email protected]
    Subject: Horizontal Spry Menus are not showing up in ANY browser HELP!
    You have forgotten to upload the support files - SpryMenuBar.js and SpryMenuBarHorizontal.css - to the server.
    Gramps
    >

  • Spry Menus on Spry Tabbed Panels?

    Hi,
    I'm designing a site that has major tabs at the top, each of which takes the visitor to an appropriate section of the site... each with a default section overview page and a horizontal nav menu that's appropriate for that section. (This design is similar to going to a site like AT&T and clicking on top tabs for Home, Small Business or Enterprise. Once you've done so, the menu below then presents links appropriate to the Home, Small Business or Enterprise products.) I've been trying to implement this by putting instances of Spry Menus in Spry Tabbed Panels within the TabbedPanelsContentGroup div. Specifically, I have the MenuBarHorizontal class is each TabbedPanelsContent div/class.
    I have the basic layout working, but the wiring is mystifying me. Clicking the various tabs indeed presents the correct corresponding menus. But I also need to figure out how to make clicking a section tab go to the section overview page (which happens to also correspond the first menu item, "Overview", in each section). There's no real <a href> kind of option that's apparent in conjunction with the TabbedPanelTabs in the TabbedPanelsGroup. Is there a way to force a particular page to display when switching tabs? Or am I trying to use the wrong tool for the job and there's a better technical approach to implementing this design?
    I've tried David Powers' blog entry re "Opening Specific Tabs and Panels from Another Page" (http://foundationphp.com/tutorials/spry_url_utils.php), but it describes exactly what the title implies.
    Thanks!
    Jeffrey

    Hi, Jeffrey,
    I think I'm going to need to diagram this out!
    Let's see...when you say "major tabs at the top" are you referring to a separate MenuBar or are you speaking of Spry Tabbed Panels?
    You of course realize that if you are speaking of Spry Tabbed Panels, that EVERYTHING on the panels is on one page. If that is your main organization, yeah, it's a little hairy.
    Now, if you have a "normal" one-level set of nav buttons that each takes you to a page that contains a set of Tabbed Panels for that "department," that will get you where you need to be without quite as much mind-blowing follow-the-wire through the wall hijinks, if you know what I mean.
    Here is a site that I put together using Spry Tabbed Panels: http://www25.uua.org/uuhs/index.html Although the top "tabs" nav looks like Tabbed Panels tabs, the Tabbed Panels don't start until you get inside the site, and there I use Vertical tabs (on the left side) and on the Panels have put lots of Spry Accordions.
    By using this technique, you have an effective "landing page" on each "department" linked to with the top navigation buttons.
    Best of luck, and watch out for short-circuits!
    Beth

  • Dreamweaver cs4 spry menus issues with asp

    I am having problems using spry menus with dreamweaver cs4
    and asp pages. When I inset the spry menus they look fine on the
    screen, except when I look at them through a browser the menu is
    displayed as in my attachment. This doens't happen with html, so is
    there an issue in dreamweaver 4 asp. Can anyone help me with this
    one?
    Julie

    Julie,
    Not a asp problem can you post a link or code for the page in
    question?
    Dave
    "JulieThompsonaus" <[email protected]> wrote
    in message
    news:gqovvm$c0g$[email protected]..
    > I am having problems using spry menus with dreamweaver
    cs4 and asp pages.
    > When I inset the spry menus they look fine on the
    screen, except when I
    look at
    > them through a browser the menu is displayed as in my
    attachment. This
    doens't
    > happen with html, so is there an issue in dreamweaver 4
    asp. Can anyone
    help
    > me with this one?
    > Julie
    >
    > * About Us
    > o Our Staff
    > o Testimonials
    > o Customer Survey
    > * Service Requst
    > * Recruitment
    > o Training
    > o Job Descriptions
    > o Job Applications
    > * Contact Us
    >
    > c
    >
    >
    >
    >
    >
    >
    >
    >
    > ? Home Carers 2009 Site Map Email Us
    >

  • How to insert dropdown menus since Spry menus have been removed? [was: hi]

    Hello. You've done a very problem thing by deleting a drop menus from Dreamweaver. Now I just have a not suitable plugins or must to pay for a using..If I was a very important customer, would require the immediate to return the spry  assets.

    Spry menus are terrible.  You should not use them.  That's why Adobe abandoned them in  2012.  There's no chance of them coming back. Below are some free alternatives you can use.
    Pure CSS Drop-Menu
    http://jsfiddle.net/NancyO/zN7fU/
    CSS3 animated dropdown menu
    Responsive Hybrid
    http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    JQuery UI Menu
    http://jqueryui.com/menu/
    Nancy O.

  • Double vertical spry menus and IE8

    I am trying to use two vertical spry menus on one page.  This works in Chrome and Firefox, but the fly outs will not work in IE8.  I am using Dreamweaver CS4, Operating System is XP Pro.  Is there a fix for this issue?  Bushmom

    I am trying to use two vertical spry menus on one page.  This works in Chrome and Firefox, but the fly outs will not work in IE8.  I am using Dreamweaver CS4, Operating System is XP Pro.  Is there a fix for this issue?  Bushmom

  • Accessibility for spry menus and tabs?

    How do you activate key navigation for accessibility for spry menus and tabs? What needs to be done in order to use menu for persons with screen readers to tab through?

    Have a look here http://labs.adobe.com/technologies/spry/articles/data_api/apis/menubar.html inparticular the section on Constructor Options.
    I hope this helps.
    Ben

  • Are Spry Menus SEO friendly?

    Hi,
    I read that Spry Menus are not SEO friendly.
    Are Spry Menus created in Dreamweaver CS3 SEO friendly?
    I can see the <a> links in the html. It looks OK to me.
    Thanks,
    Jeff:confused

    macapples wrote:
    >
    quote:
    Originally posted by:
    Newsgroup User
    > "danilocelic AdobeCommunityExpert"
    <[email protected]> wrote in
    > message news:g45mo1$2c0$[email protected]..
    > > Murray *ACE* wrote:
    > >> I think that there is Ajax involvement, but
    it's not involved so that the
    > >> links are 'obfuscated'.
    > >
    > > There is no Ajax involved in the Spry menus, only
    dynamically showing and
    > > hiding of the sub menus with JavaScript. Granted
    some have come to call
    > > anything dynamic like this Ajax these days, but
    it's technically not got
    > > anything to do with Ajax.
    >
    >
    >
    >
    > Here's some language that would lead some to believe
    that Spry is "AJAX"
    >
    > "Spry is a JavaScript-based framework that enables the
    rapid development of
    > Ajax-powered web pages."
    >
    > From the Adobe Labs page on Spry. These types of
    references are made
    > throughout DW books and training materials.
    http://en.wikipedia.org/wiki/AJAX
    AJAX: Asynchronous JavaScript and XML
    With Ajax, web applications can retrieve data from the server
    asynchronously in the background without interfering with the
    display
    and behavior of the existing page. Data is retrieved using
    the
    XMLHttpRequest object or through the use of Remote Scripting
    in browsers
    that do not support it. Despite the name, the use of
    JavaScript, XML,
    and asynchrony is not required.
    So, maybe as the sub-menu is being exposed without a page
    refresh it is
    considered AJAX? I myself wouldn't call it AJAX.
    Steve

Maybe you are looking for

  • Trouble when formating finished movie into quicktime!!!NEED HELP!!!

    Okay this is urgent! I am done with my video project but when I click "Share" and choose "Quicktime" and then select "Full Quality" and it compresses pretty quickly my movie is only about 3 min. long. When I go to play the Quicktime video of my proje

  • Catalog not working Windows 8.1 - Elements 11

    I have repeatedly built catolgs of over 5000 images but only less than a dozen show in the organizer view.  Using identical photos and even directory structure I have had no issues using the same elements disc installation on a Windowe 7 machine.

  • 57F4 Challan no. re. to PO. No.

    Hi,        Is there any std. report with which we can find the subcontract challan number and goodws transfer number ref. to the Subcontracting PO number.         Also in which table we can get the information easily  as if we select the Table MSEG 

  • Permissions on control directory startup error

    Messaging Server is exiting with the following error: Startup Problem:, The permissions on directory f:/suitespot/MailServer/spool/control are incorrect., Netscape Messaging Server Exiting! What is going on? <P> To fix this check the directory permis

  • Importing files from CS4 to CS5?

    About to get CS5 and do not recall if the newest CS version automaticaly imports prior version images into Bridge. If not, what's the procedure? Thanks for your help