Menu Spry missing first submenus, but showing only the last.

Hello, I'm doing a site for a school project and I have a spry menu code that looks good, but when it is turned on, when you move the menu, submenus are empty except for the last.

Here's what it looks like on a mode live view:

SPry Menu.png

Above war-torn project are three submenus. They have the text, but will not appear. My other menus do the same thing. For personal reasons, I will not not to publish the entire site because of his real name, address, contact, etc.

I'll post the menu spry and css menu spry.

Spry menu:

< div class = "container" >

< div class = "NavigationBar" >

< ul id = "MenuBar1" class = "MenuBarHorizontal" >

< li > < a href = "#" > about me < /a > < /li >

< li > < a href = "#" > Contact < /a > < /li >

< li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > ongoing projects

< ul >

< li > < a class = "MenuBarItemSubmenu" href = "Film.html" > < /a > Film

< ul >

< li > < a href = "#" > fictions < /a > < /li >

< li > < a href = "#" > Japan 2016 < /a > < /li >

< /ul >

< /li >

< li > < a href = "Photography.html" > photography < /a > < /li > ""

< li > < a href = "Story.html" > stories < /a > < /li > ""

< li > < a href = "Project_Wartorn.html" > project: torn apart by the war < /a > < /li > ""

< /ul >

< /li >

< li > < a href = "#" > equipment < /a > < /li >

< /ul > < hr / >

<! - end .header - > < / div >

< div class = "content" >

Spry CSS menu:

@charset "UTF-8";

/ * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

The AVAILABLE INFORMATION: Describes the box model, positioning, the order

*******************************************************************************/

/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.

UL. MenuBarHorizontal

{

padding: 0;

list-style-type: none;

font size: 20px;

cursor: default;

Width: 921px;

height: 30px;

background-color: #333;

do-family: "Arial Black", Gadget, without serif.

text-align: center;

margin-top: 0;

right margin: 15px;

margin-bottom: 0;

margin left: 19px;

}

/ * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

UL. MenuBarActive

{

z-index: 1000;

}

/ * Menu item containers, position of children relative to this container and are a fixed width * /.

UL. MenuBarHorizontal li

{

padding: 0;

list-style-type: none;

do-size: 100%;

position: relative;

text-align: left;

cursor: pointer;

Width: 230px;

float: left;

height: 15px;

margin: 0;

}

/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

UL. MenuBarHorizontal ul

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

z index: 1020;

cursor: default;

Width: 8.2em;

position: absolute;

left:-1000em;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

{

left: auto;

}

/ * Container of menu items are same fixed width parent * /.

UL. MenuBarHorizontal ul li

{

Width: 8.2em;

}

/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

UL. MenuBarHorizontal ul ul

{

position: absolute;

margin:-5% 0 0 95%;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

{

left: auto;

top: 0;

}

/*******************************************************************************

INFORMATION DESIGN: Describes the set of colors, borders, fonts

*******************************************************************************/

/ * Submenu containers have borders on all sides * /.

UL. MenuBarHorizontal ul

{

border: 1px solid #CCC;

}

/ * Menu items are a light grey block with padding and no text decoration * /.

UL. MenuBarHorizontal a

{

display: block;

cursor: pointer;

background-color: #333;

color: #393;

text-decoration: none;

Width: auto;

padding-top: 0.5em;

padding-right: 0.75em;

padding-bottom: 0.5em;

padding-left: 0.75em;

}

/ Components menu that have mouse over or focus have a blue background and white text * /.

UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

{

background-color: # 33;

Color: #333;

}

/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

{

background-color: #F0F0F0;

Color: #333;

Width: auto;

}

/*******************************************************************************

Submenu INDICATION: styles if there is a submenu in a given category

*******************************************************************************/

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarDown.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarRight.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" 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: 50 95%;

}

/*******************************************************************************

BROWSER HACKS: hacks below should not be changed, unless you are an expert

*******************************************************************************/

/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

UL. MenuBarHorizontal iframe

{

position: absolute;

z index: 1010;

Filter:alpha(opacity:0.1);

}

/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

@media screen, projection

{

UL. MenuBarHorizontal li. MenuBarItemIE

{

display: inline;

f\loat: left;

background-color: #333;

}

}

I guess you have your SpryAssets responsible, including the javascript file concerning it. Also, check the bottom of your swap file for the javascript code specific to this menu bar. Spry menus come with three components, the call to the head of the document for the javascript files and css, the structure itself in the body of the document and javascript code at the bottom of the body (before the tag).

Javascript is not published (and not for the faint of heart); the css controls the menu bar similar to and can be edited with care, and this at the bottom of the page (for example), defining the new variable in the menu bar:

Tags: Dreamweaver

Similar Questions

Maybe you are looking for

  • Geniuses damaged my battery?

    About two months ago, I brought my iPhone at the Apple Store for a cracked screen repair and replace the screen. Since then, the percentage of battery guard fluctuating and die at random to good percentages more than 50%.  I will be responsible for t

  • Take a table 1 d to double to a double typically?

    An easy question... I have a table 1 d of double (consisting of 1 element).  How would this convert to just ordinary double? Thank you!

  • I can't unzip it lines read from a file

    I created a VI based on reading VCard VI in the LabVIEW Basics I manual. I use a loop for read 15 lines of a file in a table.  If I simply add an indicator, as done in the VCard VI read, I see all 15 lines. However if I convert the table to a cluster

  • HP Office Jet 8600 Fax (not fax)

    Recently, I asked my web company to change my modem in order to include a telephone line so that I can use my fax on the HP Office Jet function and I have such a misery the fax to work. When I plug the cable from the printer (line 1/2) to the modem (

  • How to make a windows 7 computer old?

    Have old computer xp, a friend put windows 7 on it. Does not properly so I want to put xp on it. How can I do to make it. I have all the disks in resettlement.