 |
 |
|
|
|
|
Welcome to the { mindfrost82.com } forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! If you have any problems with the registration process or your account login, please contact contact us. |
|
|||||||
 |
|
|
LinkBack | Thread Tools | Search this Thread | Display Modes |
07-05-2008, 03:43 PM
|
|||
|
|||
|
SpryMenuBar.js
I have a problem with my site. I am trying to add a horizontal menu but I cant
make it display the submenu. To test the code supplied with Dreamweaver I made a new blank page and inserted a Spry Menu bar (horizontal). When I test this on my website the menu appears correctly but when I mouseover the Item 1 or Item 4 which have drop downs I get the word "false" instead of "item1.1" etc. The Vertical menu works fine. I use the latest Internet explorer. Is there a fix for this problem please? You can see the problem at www.sowter.co.uk/Menutest.html Brian <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> <ul> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a></li> <li><a href="#">Item 1.3</a></li> </ul> </li> <li><a href="#">Item 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">Item 3</a> <ul> <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul> <li><a href="#">Item 3.1.1</a></li> <li><a href="#">Item 3.1.2</a></li> </ul> </li> <li><a href="#">Item 3.2</a></li> <li><a href="#">Item 3.3</a></li> </ul> </li> <li><a href="#">Item 4</a></li> </ul> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html> 
|
|
07-05-2008, 03:59 PM
|
|||
|
|||
|
Re: SpryMenuBar.js
Brian,
You are using version 1.4 of Spry. Get the new 1.6.1 version here: http://www.macromedia.com/go/labs_spry_download There is also an extension for DW there. -- Ken Ford Adobe Community Expert - Dreamweaver/ColdFusion Fordwebs, LLC http://www.fordwebs.com "brian@sowter.co.uk" <webforumsuser@macromedia.com> wrote in message news:g4o19q$jua$1@forums.macromedia.com... >I have a problem with my site. I am trying to add a horizontal menu but I cant > make it display the submenu. To test the code supplied with Dreamweaver I made > a new blank page and inserted a Spry Menu bar (horizontal). When I test this > on my website the menu appears correctly but when I mouseover the Item 1 or > Item 4 which have drop downs I get the word "false" instead of "item1.1" etc. > The Vertical menu works fine. I use the latest Internet explorer. > > Is there a fix for this problem please? > > You can see the problem at www.sowter.co.uk/Menutest.html > > Brian > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml"> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <title>Untitled Document</title> > <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> > <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" > type="text/css" /> > </head> > > <body> > <ul id="MenuBar1" class="MenuBarHorizontal"> > <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> > <ul> > <li><a href="#">Item 1.1</a></li> > <li><a href="#">Item 1.2</a></li> > <li><a href="#">Item 1.3</a></li> > </ul> > </li> > <li><a href="#">Item 2</a></li> > <li><a class="MenuBarItemSubmenu" href="#">Item 3</a> > <ul> > <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> > <ul> > <li><a href="#">Item 3.1.1</a></li> > <li><a href="#">Item 3.1.2</a></li> > </ul> > </li> > <li><a href="#">Item 3.2</a></li> > <li><a href="#">Item 3.3</a></li> > </ul> > </li> > <li><a href="#">Item 4</a></li> > </ul> > <script type="text/javascript"> > <!-- > var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", > {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", > imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); > //--> > </script> > </body> > </html> >
|
|
07-07-2008, 04:08 PM
|
|||
|
|||
|
Re: SpryMenuBar.js
Hi Ken Thnks for this. It now works perfectly! .......except....can you
please tell me how to modify the text colour and the alignment of the text in the top menu. Also how could I make the menu into "buttons" eg by putting a border round them the same as the background. Progress so far can be viewed at www.sowter.co.uk/homebsf.html
|
|
07-08-2008, 02:45 AM
|
|||
|
|||
|
Re: SpryMenuBar.js
The first thing you need to do is clean up the page HTML.
You have this above the DOCTYPE: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> Delete that, it is throwing Internet Explorer into "quirks" mode. Then you have template code on the page. Delete the following: <!-- TemplateBeginEditable name="doctitle" --> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="EditRegion" --> <!-- TemplateEndEditable --> The template code belongs on the template page. And then try this in your CSS: ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #CCC; /* Was #EEE */ padding: 0.5em 0.75em; color: #333; text-decoration: none; border: 1px solid #000; text-align: center; } -- Ken Ford Adobe Community Expert - Dreamweaver/ColdFusion Fordwebs, LLC http://www.fordwebs.com "brian@sowter.co.uk" <webforumsuser@macromedia.com> wrote in message news:g4tbgp$djd$1@forums.macromedia.com... > Hi Ken Thnks for this. It now works perfectly! .......except....can you > please tell me how to modify the text colour and the alignment of the text in > the top menu. Also how could I make the menu into "buttons" eg by putting a > border round them the same as the background. Progress so far can be viewed at > www.sowter.co.uk/homebsf.html >
|
|
|
| Thread Tools | Search this Thread |
| Display Modes | |
|
|
Linear Mode
