Adobe Community: Emergency, please help, spry vertical menu drop down has extra at bottom.

Currently Being Moderated

Emergency, please help, spry vertical menu drop down has extra at bottom.

Dec 13, 2011 1:24 PM

Tags: #drop #not #spry #down #menu #bar #extra #ajax #vertical #needed.

I have a drop down at the bottom of my page that in design view isnt there, I need to be rid of it. The only time I see it, is browser checking. Please help? If I need more infor just let me know. Im making this in Dreamweaver CS3. My office is having me do this and I know nothing about css, but if I dont fix it by January, Im fired.

@charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

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

LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
padding: 0;

{word-wrap: break-word; background-color: #990100;
width: 200px;
background-color: #990100;
width: 200px;
}
list-style-type: none;
font-size: 100%;
cursor: auto;
width: inherit;
border: none;
background-color: #990000;
border-style: NONE;
-moz-box-align: top;
-moz-box-orient: top;
top: 10px;
}
/* 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;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{

{word-wrap: break-word;
position: absolute;
z-index: 1020;
width: 175px;
left: -1000em;
top: -1px;
position: relative;
border: thin solid #FFCC00;
}
padding: 0;
list-style-type: none;
font-size: small;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
background-color: #990000;
border: medium double #ffcc00;
-moz-box-sizing: 100;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
padding: 0;
list-style-type: none;
font-size: small;
position: absolute;
z-index: 1020;
cursor: default;
width: 175px;
left: 205px;
top: 554px;
float: none;
background-color: #990100;
margin: -5%;
border: thin double #FFCC33;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
background-color: #990100;
border-bottom-width: medium;
width: auto;
right: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
width: 175px;
}

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

DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #FFCC00;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
cursor: pointer;
background-color: #990000;
padding: 0.5em 0.75em;
color: #990000;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #990000;
text-decoration: blink;
color: #FFFFFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #990000;
color: #FFFfff;
}

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

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.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
border-bottom-width: medium;
border-width: 500;
position: relative;
visibility: visible;
width: 175px;
}

/* 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.MenuBarVertical 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.MenuBarVertical iframe
{
position: absolute;
z-index: 1010;
top: auto;
}
/* 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.MenuBarVertical li.MenuBarItemIE
{
display: background;
f\loat: left;
background: #FFF;
}
}

just in case you might need this?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><head>

</head>

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=9,0,28,0','width','500','height','375','title','Homeflash','src' ,'homewebpageflash','quality','high','pluginspage','http://www.adobe.c om/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','mo vie','homewebpageflash' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=9,0,28,0" width="500" height="375" title="Homeflash">

</object></noscript>

</div>

</tr ></table>

</tr>

<tr>

<td colspan="3" height="60" nowrap="nowrap" id="logo" valign="bottom"><div align="center" class="pageName">Workforce Investment Board</div></td>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

<tr>

<li><a href="#memberships.html" class="columnHeader">Memberships</a>

<ul>

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

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

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

</ul>

</li>

<li><a class="columnHeader" href="#new&events.html">News & Events</a>

<ul>

<li><a href="eventcalendar.html">Event Calendar</a> </li>

<li class="MenuBarItemSubmenu"><a href="#regionalnews.html">Regional News</a></li>

<li><a href="#youthcouncilevents.html">Youth Council Events</a></li>

</ul>

</li>

<li><a href="#services.html" class="columnHeader">Services</a>

<ul>

<li class="MenuBarItemSubmenu"><a href="#business_services.html">Business Services</a></li>

<li class="MenuBarItemSubmenu"><a href="#current_funding.html">Current Funding</a></li>

<li class="MenuBarItemSubmenu"><a href="#resources.html">Resources</a></li>

</ul>

</li>

<li><a href="#jobseekers.html" class="columnHeader">Job Seekers<img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></a>

<ul>

<li class="MenuBarItemSubmenu"><a href="#career_centers.html">Career Centers</a></li>

<li class="MenuBarItemSubmenu"><a href="#service_providers.html">Service Providers</a></li>

<li class="MenuBarItemSubmenu"><a href="#links.html">Links</a></li>

<li class="MenuBarItemSubmenu"><a href="#contact_us.html">Contact Us</a></li>

</ul>

</li>

</ul>

</table></td>

<tr>

<td width="556" class="pageName">Role of the Workforce

Investment Board</td>

</tr>

<tr>

Mission: To promote a state of economic well being by helping to create a skilled, diverse, motivated, and adaptable workforce.

Vision: A high quality standard of life for our region.

The Workforce Investment Board will be a leader in community collaboration to promote a dynamic, high skill/high wage economy in Southeast Missouri through development of its workforce and workplaces. The Workforce Investment Board has developed a two-year plan that is available to the public. Please click on the following link to get a copy of the plan. <a href="Two%20Year%20Plan.htm" target="_blank">WIB Two-Year Plan</a>. </td>

</tr>

</table>

</td>

<tr>

PUBLIC NOTICE

</td>

</tr>

<tr>

<td width="110" class="smallText"><a href="file:///C|/Documents and Settings/PHYLLIS.JOB4YOU/Desktop/1996 Accounting/WIB Site 3/Plan Mode Aug 1 2011.pdf">Proposed Modification of the local plan notice dated 8-1-2011</a>

Lorem ipsum dolor sit amet consetetur.

</td>

</tr>

</table></td> <td width="3"> </td>

</tr>

</table>

<!--

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");

//-->

</script>

</body>

</html>

1069 Views 5 Replies Latest reply: Ben Pleysier, Dec 15, 2011 9:29 AM

Spry Framework for Ajax (READ ONLY)

Emergency, please help, spry vertical menu drop down has extra at bottom.

Dec 13, 2011 1:24 PM

More Like This

Bookmarked By (0)

Answers + Points = Status