Spry Dropdowns not dropping over SWF in Firefox (Windows)

Greetings again-
I built a Spry drop down menu in Dreamweaver CS3 (on my Mac). The drop down menu resides just above a flash banner. In Firefox (v3.5.9), the dropdowns won't drop over (won't overlap in front of) the Flash SWF file. However, the drop down menu drops properly over the Flash file in IE (Windows), Safari, and Firefox on Mac. Anyone know of a fix for this bug?
Thank you-

Mark BXD wrote:
I found a solution over at Layers Magazine:
" (in Dreamweaver) Please select your flash object and go to the properties panel, select Parameters button, and add following lines:
wmode as parameter and transparent as value"
This solves the problem.
This is interesting! Particularly when the topic has been discussed in this forum on quite a number of occassions. One of the earlier ones was back in 2007 and can be seen here http://forums.adobe.com/message/67405#67405
Goes to show that we do need to read what is available in this forum like the opening statement which reads
Announcement:
New to Spry, or the Spry forums?
Before you post a topic please verify
that:
You
are using the latest Spry files
The latest version of
the Adobe Spry Framework is 1.6.1, this is the same version that ships
with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its
wise to upgrade your files to the latest version. This can easily be
done using the Spry Updater that can be found here.
Your
question was not asked before
Using the search
functionality on forums you can easily find out if your question has
been answered before. While you are in search, you can specify the
search locations. The Spry forum can be found under:
Adobe
Labs > Spry Framework for Ajax
Happy Sprying.
Ben

Similar Messages

SPRY menu not dropping down on certain pages

I'm having a lot of problems now that I've uploaded this webpage. I created this webpage in Dreamweaver and used the SPRY menu template and everything worked perfectly in Dreamweaver but now that I have uploaded it I can not use the drop downs on like 7 pages. When you are on the shop page, the dinning page, Living, Directions, Design, Events, and the contact page the SPRY menu will not drop down. Could someone look at my site and perhaps my code and tell me what I am doing wrong on those pages?
http://discoverclearfield.com/shop.html
http://discoverclearfield.com/dining.html
there are a couple of the pages that don't work.
Thanks so much.

Have a look here and come back after you have fixed the markup http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdiscoverclearfield.com%2Fshop.htm l
Gramps

Spry Menu not dropping down in Firefox and Chrome

Hi -
I am not a professional and having difficulty. I have inserted a spry menu bar in CS5 and it looks fine in IE, but doesn't drop down (can see a little bit) in firefox and chrome.
I read a bunch and tried a fix to make the overflow visible, that fixed the problem but my formatting of locations of other areas went wild.
The site is: http://www.tucsonrealpros.com
.....any help is much appreciated...been pulling hair out

Hi,
I have tried the site and can see the drop down for Home search, Buyers.
Can you try to update the chrome and firefox.
Thanks and regards
Harshit yadav

Spry submenu not displaying in Chrome or Firefox

I am having problems with my Spry menu (produced with Dreamweaver CS5). The submenus only appear in IE in compatibility mode and not at all in Chrome or Firefox. The site is at http://www.vectors-meeting.eu and there should be additional items under programme and travel. Any help would be greatly appreciated.

W3C Validator isn't too happy with your menu code.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.vectors-meeting.eu%2F&charset=%28detect +automatically%29&doctype=Inline&group=0&verbose=1&user-agent=W3C_Validator%2F1.3+http%3A% 2F%2Fvalidator.w3.org%2Fservices
As Spry is no longer supported, and your menu is so simple, you might also consider switching to a simple HTML/CSS menu
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
or a JQuery menu.

Spry Accordion not collapsing properly in IE & Firefox

My design portfolio is on my testing server. The accordion
works perfect in Safari but it will not collapse in Firefox and
Internet Explorer. Here is the link:
http://deptart2.memphis.edu/~jwilcoxen/web_portfolio/home.php
. Please help. I attached my spry accordion css.
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* This is the selector for the main Accordion container. For
our default style,
* we draw borders on the left, right, and bottom. The top
border of the Accordion
* will be rendered by the first AccordionPanelTab which
never moves.
* If you want to constrain the width of the Accordion
widget, set a width on
* the Accordion container. By default, our accordion expands
horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector
is not necessary
* to make the widget function. You can use any class name
you want to style the
* Accordion container.
.Accordion {
border-left: none gray;
border-right: none black;
border-bottom: none gray;
overflow: auto;
background-color: #FFFFFF;
font-family: "Gill Sans", "Helvetica Neue", "Arial Narrow",
sans-serif, Helvetica;
padding: 10px;
background-image: url(../images/glowbg_home.jpg);
background-repeat: no-repeat;
text-align: left;
text-indent: 8px;
/* This is the selector for the AccordionPanel container
which houses the
* panel tab and a panel content area. It doesn't render
visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
background-color: ##54275F;
/* This is the selector for the AccordionPanelTab. This
container houses
* the title for the panel. This is also the container that
the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #000000;
border-top: 1px none black;
border-bottom: 1px none gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color: #CCCCCC;
font-family: "Gill Sans", "Helvetica Neue", "Arial Narrow",
sans-serif, Helvetica;
font-size: 12px;
font-weight: normal;
/* This is the selector for a Panel's Content area. It's
important to note that
* you should never put any padding on the panel's content
area if you plan to
* use the Accordions panel animations. Placing a non-zero
padding on the content
* area can cause the accordion to abruptly grow in height
while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on
the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: hidden;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
text-align: left;
vertical-align: 50%;
height: 326px;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open. The class "AccordionPanelOpen" is
programatically added and removed
* from panels as the user clicks on the tabs within the
Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #4F285B;
/* This is an example of how to change the appearance of the
panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover"
is programatically added
* and removed from panel tab containers as the mouse enters
and exits the tab container.
.AccordionPanelTabHover {
color: #51275D;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #FFFFFF;
background-color: ##54275F;
/* This is an example of how to change the appearance of all
the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is
programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #000000;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: ##54275F;
height: 310px;

Thanks Gramps, that information was really helpful.
I just removed all instances of 'rgba' in the .css rules that specify color, changing it to 'rgb' and also removing the 4th parameter indicating the transparency value.
Now that I understand what the problem was it actually makes complete sense, since IE does not support transparency.
Thanks again.

Spry menu not dropping straight now in IE

!!SORRY FOR ALL OF THE CODE I AM NOT SURE WHAT YOU NEED TO
SEE!!
Hello,
I am new to web design with CS4. My spry menu looks find in
Firefox and Google Chrome, but not in IE. The menus should drop
down like this in Chrome (
http://img255.imageshack.us/img255/1881/website3or8.jpg
) but in IE, they do this (
http://img255.imageshack.us/img255/2608/website1nt1.jpg
In addition, how do I get it so my menu extends across the
whole top of the page like this (
http://img405.imageshack.us/img405/4002/website2cn6.jpg
Tell me what code you need to see and I will post it.
Thanks!

I will answer the extending the menu question first since
that is the easiest. You can either increase the width of the
menubar items or you can just change the background color for the
layer behind the menu so that it is the same color.
For the menu, there are a couple things it could be. Without
seeing your pages, it could be an issue with the Spry version. If
your Spry code is not up to date then this is the starting point.
You can tell the version by looking at the top of either the js or
css file for the Spry. Then check this page (
http://labs.adobe.com/technologies/spry/
). The updater isn't all that intelligent so it won't check the
previous version.
Then if you are using the most up to date version we come to
the code which would need to be shown. We would need to see any CSS
code related to the menubar layer (the Spry CSS file) and any other
CSS code you have for surrounding divs. It would also help to post
the HTML for the menubar area so we can see how the CSS styles are
used.

Horizontal Spry submenus not dropping

I created a horizontal spry menu for this site just as I have always done. but the dropdown submenus are not working. I have tried commenting out other "functional" pieces of code. I even put a spry meny into a blank document and uploaded it. I cannot figure out what I've done wrong. Any help would be great.
You can see the page at http://www.rimshotcreative.com/test/web.html
Here is the code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Rimshot Creative…Web Design, E-Commerce, Custom Web Development. Helping you find your groove.</title>
<link href="RC.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="wt-rotator.css"/>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
          font-family: Verdana, Geneva, sans-serif;
h4 {
          font-size: 40px;
          color: #FFF;
body,td,th {
          font-family: Verdana, Geneva, sans-serif;
h1 {
          color: #C00;
body {
          background-image: url(Images/Secondary-backgrounds_01.jpg);
          background-repeat: repeat-x;
</style>
</head>
<body>
<div class="container2">
<div class="Shadow">
<div class="header"><a href="default.html"><img src="Images/RC-header_03.jpg" width="401" height="83" alt="Rimshot Creative Logo - web design, print design, social networking, marketing, seo, printing, & photography"></a><img src="Images/RC-header_04.jpg" width="291" height="83" alt="Rimshot Creative - "><img src="Images/RC-header_05.jpg" alt="Rimshot Creative - Free Consultation, call now (615) 482-5182" width="324" height="83"></div>
<div class="main-image">
     <img src="Images/Exceptional-Design.png" width="631" height="293" alt="Exeptional Web Design"> </div>
<div class="menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="default.html" title="Home Page">home</a>        </li>
      <li><a href="web.html" title="web services" class="MenuBarItemSubmenu">web services</a>
        <ul>
          <li><a href="web.html" title="web design services">web design</a></li>
          <li><a href="seo.html" title="search engine marketing">seo</a></li>
          <li><a href="social.html" title="social media consultation">social media</a></li>
          <li><a href="email.html" title="email marketing">email marketing</a></li>
          <li><a href="hosting.html" title="web/email hosting">hosting</a></li>
        </ul>
      </li>
      <li><a href="print.html" title="print design services" class="MenuBarItemSubmenu">print services</a>
        <ul>
          <li><a href="print.html" title="print design services">print design</a>            </li>
          <li><a href="printing.html" title="printing services">printing</a></li>
          <li><a href="marketing.html" title="marketing services">marketing</a></li>
        </ul>
      </li>
      <li><a href="photography.html" title="photography">photography</a></li>
      <li><a href="gallery.html" class="MenuBarItemSubmenu">galleries</a>
        <ul>
          <li><a href="web_gallery.html" title="See Some of the Web Sites We've Built">web gallery</a></li>
          <li><a href="print_gallery.html" title="See Some of Our Print Design Work">print gallery</a></li>
          <li><a href="photography_gallery.html" title="See Some of Our Photography">photo gallery</a></li>
        </ul>
      </li>
<li><a href="#" title="rimshot blog">blog</a></li>
<li><a href="resources.html" title="resources">resources</a></li>
<li><a href="testimonials.html" title="testimonials">testimonials</a></li>
    </ul>
</div>
    <div class="right_column">
      <p><a href="Contact Form.html"javascript:void( window.open('http://form.jotform.us/form/21766576593165', 'blank','scrollbars=yes,toolbar=no,width=700,height=500'))</a><img src="Images/Free-Consultation-Button.png" width="252" height="57" alt="Request a Free Consultation from Rimshot Creative"></a></a><a href="http://www.bnitennessee.com/tn-middle-tennessee-(nashville)-focused-around-business-succes s/"><img src="Images/proud-member-grey.jpg" width="131" height="131" alt="Proud Member of BNI Focused Around Business Success Chapter - Columbia TN"></a></p>
<p><a href="http://www.thumbtack.com/tn/brentwood/print-designers/#sort=popularity&hilite=3h88FmCa:V9o kA" title="Web & Print Design Services" style="background: url(http://cdn-1.thumbtackstatic.com/media/elite_1.png) no-repeat; color: #a5a196; padding: 195px 0 0; border:0; font-size: 13px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; text-decoration: none; display: inline-block; width:120px; line-height:15px;"><img src="http://cdn-1.thumbtackstatic.com/media/elite_1.png" style="display: none;" />Web Design, Print Design, Photography, Brentwood, Columbia, Franklin, Spring Hill, TN</a><br />
      </p>
      <h2>Follow or Share…<br />
        <a href="http://www.facebook.com/pages/Rimshot-Creative/251035548260903" target="_new"><img src="Images/facebook button.png" width="32" height="32" alt="Follow Rimshot Creative on Facebook" longdesc="http://www.facebook.com/profile.php?id=100002963257842" /></a><a href="https://twitter.com/rimshotcreative" target="_new"><img src="Images/twitter button.png" width="32" height="32" alt="Follow Rimshot Creative on Twitter" longdesc="https://twitter.com/#!/belleforest" /></a><a href="http://www.linkedin.com/in/rimshotwebdesign" target="_new"><img src="Images/linkedin.png" width="32" height="32" alt="Join Rimshot Creative on Linked In"></a><a href="http://pinterest.com/rimshotcreative/" target="_new"><img src="Images/pinterest.png" width="32" height="32" alt="Start Pinning with Rimshot Creative on Pinterest"></a><a href="https://plus.google.com/101386322992063777741/posts" target="_new"><img src="Images/googleplus.png" width="32" height="32" alt="Join Rimshot Creative's circle on Google Plus"></a><a href="http://youtu.be/75_xggIkLyk?hd=1" target="_new"><img src="Images/YouTube button.png" width="32" height="32" alt="Check out Rimshot Creative videos on YouTube"></a>
        <p>
          <a href="https://plus.google.com/106267434027606674910/about?gl=US&hl=en-US" target="_new"><img src="Images/Google-Review-Button-No-Shadow.png" width="188" height="47" alt="Leave a review for Rimshot Creative on Google Places" /></a>
        <a href="http://local.yahoo.com/info-14947707"><img src="Images/Yahoo-Review-Button-No-Shadow.png" width="188" height="47" alt="Leave a review for Rimshot Creative on Yahoo Local" /></a></h2>
      <p>Rimshot Creative helps businesses find their groove through web design, print design, social networking, marketing, search engine optimization, printing, web and email hosting and photography in Nashville, Brentwood, Franklin, Thompsons Station, Spring Hill, Columbia, Mount Pleasant, Lewisberg, Hoenwald, Hampshire and all over Middle Tennessee.<br>
        <br>
      </p>
      <hr size="1">
      <p><strong><br>
        Rimshot Creative</strong><br>
      3313 Booker Farm Road<br>
      Mount Pleasant, TN 38474<br>
      Phone: (615) 482-5182<br>
      Fax:
      (615) 752-5956<br>
      <br>
      </p>
    </div>
    <div class="left_column">
      <h1> Get Your Groove On!</h1>
<p>Helping businesses find their groove is exactly what we try to do every day.</p>
      <h2>Layout</h2>
      <p>Since this is a one-column layout, the .content is not floated. </p>
      <h3>Logo Replacement</h3>
      <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
      <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
      <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
    </div>
    <div class="footer">
      <p>Footer</p>
      </div>
      </div>
      
</div>
<div class="addthis_bar addthis_bar_vertical addthis_bar_medium" style="top:200px;left:25px;">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
    </div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=[YOUR PROFILE ID HERE]"></script>

Thanks for your help.
It is not even on my local files. I would have thought that Dreamweaver would have created that in my local files. I can copy it over from one of my other sites.
1. Do you have any idea why it would not have been created?
2. What would be a way to resolve this if I didn't have this file on some of my other sites?
3. How did you determin that the file was not found on the server. I haven't seen any errors with any of the tools that I've used to analyse the site.

IE8 sees horizontal menu as white, with dropdowns not dropping

I previously received a great solution from Altruistic Gramps regarding our menu's background images, but then someone viewed our site (http://www.usc.edu/org/seagrant/NS/) with IE8 and saw the transparent menubars as white. I googled a solution to this, which was commenting out the #FFF in the css IE hack section - background: #FFF; - but then the background was perfectly clear, probably because we have the menus to be semi transparent.
I looked for a solution to this but could not find any, and so opted to create a semi transparent 1x1px png file and using that as a background image
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: url(../Images/clear1px.png);/*background: #FFF;/*/
This works, to an extent: We're using auto as the menubar width in order to get some longer titles to fit and so now, the trans gray texture does not extend all the way across as it does while looking through other browsers. In order to use the 'house icon' I had to enclose the spry menu in another div (located in the main css) and color that, but now I have no idea what to do with the way it looks in IE8
If you need more of the spry css or the main css, please let me know and I'll post it.
Best regards.

Thanks again for the response. I made these changes in the menu css and the index page and the menu went clear again and the subs still don't seem to drop at all. After checking your link to the compatibility modes, I tried each of the IE= samples and the only one that did anything was 5. That just messed up the menu completely. I went back to 9 and it was the same no drop sort of thing.
I was thinking maybe it was the extra div I originally made to keep the home icon in the same group as the rest of the spry menu, so I took that div out, and although the spry menu clicked into place, it still had the transparency and drop-down problems.
I'll post my main css - maybe that'll show something. Excuse the mess, but we've been adding things as we go
Thanks again for spending all this time on it!
ul{
    list-style:none;
    margin:0 0 1em 0px;/*0 0 1em 15px*/
    padding: 0;
ul li{
line-height:1.3em;/*1.3em*/
margin: .25em 0;/*.25em 0*/
padding: 0 0 0 15px;/*0 0 0 15px*/
background:url(../Images/Compass_Website_small_2-4-11.png) no-repeat 0 .01em;/*0 4px - this is the adjustment for line-placement of icon .15em*/
li ul{
margin:0 0 0 30px;
list-style:disc;
li ul li{
padding-left:0;
background:none;
li ul li ul{
margin:0 0 0 30px;
list-style:circle;
ul li ul li ul{
padding-left:0;
background:none;
/* Holly Hack to fix ie6 li bg */
/* Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */
@media print{
ul {
    list-style:disc;
    margin-left:30px;
ul li {
    padding-left:0px;
    background:none;
} /* end print */
.picture { background-color: #ffffff; /*F9F9F9*/
border: 0px solid #CCCCCC; padding: 3px;
font: 10px/1.4em Helvetica, Arial, Verdana, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.0em 0pt 0.5em 18px; float:right; }/*0.5em 0pt 0.5em 0.8em*/
.left { margin: 0.0em 18px 0.5em 0pt; float:left; }/*0.5em 0.8em 0.5em 0pt*/
body,td,th {
font-family: Helvetica, Arial, Verdana, sans-serif;/*orig Verdana, Arial, Helvetica, sans-serif*/
font-size: 14px;
color: #000;
margin: 0px;
padding: 0px;
line-height: normal;
font-weight: normal;
text-align: left;
a:link {
text-decoration: none;
color: #000000;
input {
font-size: 14px;/*11px*/
line-height: normal;
font-weight: normal;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #0000FF;
a:visited {
text-decoration: none;
color: #000000;
a:hover {
text-decoration: none;
color: #25408F;/*ffffff, 5a5a5a*/
a:active {
text-decoration: none;
h1 {
font-size: 22px;
line-height: normal;
font-style: normal;
margin-bottom: .1em;
h2 {
font-size: 20px;
line-height: normal;
font-style: normal;
margin-bottom: .1em;
h3 {
font-size: 18px;
line-height: normal;
font-style: normal;
margin-bottom: .1em;
h4 {
font-size: 16px;
font-style: normal;
line-height: normal;
margin-bottom: .1em;
h5 {
font-size: 14px;
font-style: normal;
line-height: normal;
margin-bottom: .1em;
#topmenu {
text-align: center;
height: 20px;
vertical-align: auto;
padding: 0px;
width: 600px;
float: none;
margin: 0px;
font-size: 14px;
h6 {
font-size: 12px;
font-style: normal;
line-height: normal;
margin-bottom: .1em;
body {
margin: 0;
#txo-search {
float: left;
width: 812px;
#container{
width: 900px;
margin-left: auto;/*auto*/
margin-right: auto;/*20px*/
border:0px none #000000;
height: auto;
padding: 0px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: #FFF;
#searchbar {
float: right;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 9px;
text-transform: uppercase;
#sidebar{
float:left;
background: #ebebeb;
background-color: #FFF;
width: 225px;
padding: 0px 0px 0px 12px;
margin: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
height: auto;
text-align: left;
font-size: 14px;/*12px*/
line-height:normal;
color: #000;
position: relative;
#sidebar2{
float:left;
background: #ebebeb;
background-color: #FFF;
width: 205px;/*205px*/
padding: 30px 0px 0px 0px;/*12px, 20px*/
margin: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
height: auto;
text-align: left;
font-size: 14px;/*12px*/
line-height:normal;
color: #000;
position: inherit;
z-index: 2;
}#textonly{
padding-top: 3px;
float: left;
padding-left: 12px;
padding-right: 0px;
padding-bottom: 0px;
#mainContent{
padding:0px 6px 0px 0px;/*0px 6px*/
width: 650px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
float: left;
position: relative;
height: auto;
color: #000;
background-color: #FFF;
#mainContent2{
padding: 6px 6px 6px 6px;/*0px 6px*/
width: 650px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
float: left;
position: relative;
height: auto;
color: #000;
}#headerpic {
padding:0px 0px 0px 0px;
width: 900px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: -28px 0px 0px 0px;
float: left;
position: inherit;
height: 246px;
z-index: -2;
}#headerpicCaption {
padding:6px 0px 0px 12px;
width: 888px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: -24px 0px 0px 0px;
float: left;
position: relative;
height: 19px;
z-index: 1;
background-color: rgba(149,149,149,0.7);
color: #FFF;
font-weight: bold;
}#horizontalmenudiv {
padding:0px;
width: 900px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px 0px 0px 0px;
float: left;
position: relative;
height: 28px;/*24, 28px*/
z-index: 1;
background-color: rgba(0,0,0,0.0); /*0.6*/
#header {
margin:0px;
border:0px none #000000;
height: auto;
padding: 0px;
float: left;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #990000;
text-align: left;
vertical-align: top;
width: 900px;
z-index: 1;
position: relative;
#footer {
width:900px;
margin:0px;
text-align:center;
height: auto;
padding: 0px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
float: left;
z-index:1
position: relative; /*background-color: #68a4db;*/
#logocontainer {
width:140px;
margin:0px;
height: 92px;
padding: 0px 0px 0px 12px;
float: left;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
background-color: #990000;
#logocontainer2 {
width:140px;
margin:0px;
height: 92px;
padding: 0px 12px 0px 0px;
float: left;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
background-color: #990000;
.MainTitle {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 28px;
color: #ffcc00;
font-weight: bold;
.homepagethemediv {
font-family: Helvetica, Arial, Verdana, sans-serif;
margin: 0px;
padding: 3px 3px 3px 0px;/*3px*/
height: auto;
width: 205px;
text-align: left;
float: left;
vertical-align: top;
line-height: normal;
.regpagethemediv3x {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;/*12px*/
margin: 0px;
padding: 3px;
height: 220px;/*300px*/
width: 205px;
float: left;
vertical-align: top;
text-align: left;
line-height: normal;
.regpagethemediv2x {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;/*12px*/
margin: 0px;
padding: 0px 18px 0px 0px;
height: 375px;/*300px*/
width: 300px;
float: left;
vertical-align: top;
text-align: left;
line-height: normal;
.regpagethemediv2xstaff {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;/*12px*/
margin: 0px;
padding: 0px 18px 0px 0px;
height: auto;/*300px*/
width: 300px;
float: left;
vertical-align: top;
text-align: left;
line-height: normal;
.regpagethemediv2xcenter {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;/*12px*/
margin: 0px; /*0px*/
padding: 3px;
height: 500px;/*300px*/
width: 270px;
float: left;
vertical-align: top;
text-align: left;/*left*/
line-height: normal;
#center_div
width:270px;
left:50%;
margin-left:-135px;
z-index: 2;
.regpagethemediv1x {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size:12px;/*12*/
margin: 0px;
padding: 3px 3px 3px 0px;
height: auto;/*300px*/
width: 625px;
float: left;
vertical-align: top;
text-align: left;
line-height: normal;
.regpagefloaterLeft {
font-size:12px;/*12px*/
margin: 0px;
padding: 3px;
height: auto;/*300px*/
width: 45%;
vertical-align: top;
text-align: left;
line-height: normal;
float: left;
border: 2px;
border-color: 25408F;
border-style: solid;
.regpagefloaterRight {
font-size:12px;/*12px*/
margin: 0px 0px 0px 18px;
padding: 3px;
height: auto;/*300px*/
width: 45%;
vertical-align: top;
text-align: left;
line-height: normal;
float: right;
border: 2px;
border-color: #25408F;
border-style: solid;
.smallprint {
font-size: 10px;
.SGBlue {
color: #25408F;
#SGBlue {
color: #25408F;

Firefox will not open another Firefox window, or give me the option to do so even though it use to.

Simple as the header. Simply will not let me open another Firefox window in any way. It use to work fine and I cannot find a setting pretaining to my problem.

AVG extensions can cause this issue.
Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]

Spry dropdown menu not dropping down and reversing order cs4

Hi, thank you for reading my post.
I am having problems with my spry menu bar not dropping down when
I upload it to my site, I get bulleted lists. When I preview it, it works fine. Also, the menu is in reverse order (??) I've tried retyping it in the opposite order to see if that fixes it, but somehow it goes back to backwards. It should start with home at the left. I am trying to post my code, but it will not let me paste. How do I paste code? Sorry if thats a silly question.
Thank you

Hi, thank you for your replies. I set everything to left, which caused it to display correctly in dreamweaver. Thank you! I did enjoy the "wiggle" that I get from the menu items on hover, they move from right to left, will that cause problems if I change one back to right? I still am having trouble getting the menu bar to show on the website, Im still getting bullets.
How do I put the css files? They might be on the site, but not in the right place, where should they be? I also made another site from the same template, and saved it to a folder in my site so it can be previewed. Will that cause problems? Both spry's are not working..... argh! Thank you to everyone for your help, I appreciate it, this is my first time using the spry menu feature. Thank you for the help on posting code. Here is a link to the site and the code:
www.holly-parker.com
JAVA:
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString();
this.mozilla = this.ie = this.opera = this.safari = false;
var re_opera = /Opera.([0-9\.]*)/i;
var re_msie = /MSIE.([0-9\.]*)/i;
var re_gecko = /gecko/i;
var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
var r = false;
if ( (r = ua.match(re_opera))) {
this.opera = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_msie))) {
this.ie = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_safari))) {
this.safari = true;
this.version = parseFloat(r[2]);
} else if (ua.match(re_gecko)) {
var re_gecko_version = /rv:\s*([0-9\.]+)/i;
r = ua.match(re_gecko_version);
this.mozilla = true;
this.version = parseFloat(r[1]);
this.windows = this.mac = this.linux = false;
this.Platform = ua.match(/windows/i) ? "windows" :
     (ua.match(/linux/i) ? "linux" :
     (ua.match(/mac/i) ? "mac" :
     ua.match(/unix/i)? "unix" : "unknown"));
this[this.Platform] = true;
this.v = this.version;
if (this.safari && this.mac && this.mozilla) {
this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
this.element = this.getElement(element);
// represents the current (sub)menu we are operating on
this.currMenu = null;
this.showDelay = 250;
this.hideDelay = 600;
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
// bail on older unsupported browsers
return;
// Fix IE6 CSS images flicker
if (Spry.is.ie && Spry.is.version < 7){
try {
   document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
this.hoverClass = 'MenuBarItemHover';
this.subHoverClass = 'MenuBarItemSubmenuHover';
this.subVisibleClass ='MenuBarSubmenuVisible';
this.hasSubClass = 'MenuBarItemSubmenu';
this.activeClass = 'MenuBarActive';
this.isieClass = 'MenuBarItemIE';
this.verticalClass = 'MenuBarVertical';
this.horizontalClass = 'MenuBarHorizontal';
this.enableKeyboardNavigation = true;
this.hasFocus = false;
// load hover images now
if(opts)
for(var k in opts)
   if (typeof this[k] == 'undefined')
    var rollover = new Image;
    rollover.src = opts[k];
Spry.Widget.MenuBar.setOptions(this, opts);
// safari doesn't support tabindex
if (Spry.is.safari)
this.enableKeyboardNavigation = false;
if(this.element)
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
   if (i > 0 && this.enableKeyboardNavigation)
    items[i].getElementsByTagName('a')[0].tabIndex='-1';
   this.initialize(items[i], element);
   if(Spry.is.ie)
    this.addClassName(items[i], this.isieClass);
    items[i].style.position = "static";
if (this.enableKeyboardNavigation)
   var self = this;
   this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
if(Spry.is.ie)
   if(this.hasClassName(this.element, this.verticalClass))
    this.element.style.position = "relative";
   var linkitems = this.element.getElementsByTagName('a');
   for(var i=0; i<linkitems.length; i++)
    linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
if (!ele || !className || !this.hasClassName(ele, className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
   element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
   element.attachEvent('on' + eventType, handler);
catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:""';
layer.frameBorder = '0';
layer.scrolling = 'no';
menu.parentNode.appendChild(layer);
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
while(layers.length > 0)
layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus[i]);
this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
if(this.currMenu)
this.clearMenus(this.currMenu);
this.currMenu = null;
if(menu)
this.addClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
   if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
    menu.style.top = menu.parentNode.offsetTop + 'px';
if(Spry.is.ie && Spry.is.version < 7)
   this.createIframeLayer(menu);
this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
if(menu)
this.removeClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
   menu.style.top = '';
   menu.style.left = '';
if(Spry.is.ie && Spry.is.version < 7)
   this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
if(menu)
this.addClassName(link, this.hasSubClass);
if(!Spry.is.ie)
// define a simple function that comes standard in IE to determine
// if a node is within another node
listitem.contains = function(testNode)
   // this refers to the list item
   if(testNode == null)
    return false;
   if(testNode == this)
    return true;
   else
    return this.contains(testNode.parentNode);
// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
if (this.enableKeyboardNavigation)
this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
this.lastOpen = listitem.getElementsByTagName('a')[0];
this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
//search any intersection with the current open element
if (!this.lastOpen)
return;
if (el)
el = el.getElementsByTagName('a')[0];
// check children
var item = this.lastOpen;
while (item != this.element)
   var tmp = el;
   while (tmp != this.element)
    if (tmp == item)
     return;
    try{
     tmp = tmp.parentNode;
    }catch(err){break;}
   item = item.parentNode;
var item = this.lastOpen;
while (item != this.element)
this.hideSubmenu(item.parentNode);
var link = item.getElementsByTagName('a')[0];
this.removeClassName(link, this.hoverClass);
this.removeClassName(link, this.subHoverClass);
item = item.parentNode;
this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
if (!this.hasFocus)
return;
if (!this.lastOpen)
this.hasFocus = false;
return;
var e = e|| event;
var listitem = this.lastOpen.parentNode;
var link = this.lastOpen;
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
if (!opts[3])
opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
var found = 0;
switch (e.keyCode){
case this.upKeyCode:
   found = this.getElementForKey(opts, 'y', 1);
   break;
case this.downKeyCode:
   found = this.getElementForKey(opts, 'y', -1);
   break;
case this.leftKeyCode:
   found = this.getElementForKey(opts, 'x', 1);
   break;
case this.rightKeyCode:
   found = this.getElementForKey(opts, 'x', -1);
   break;
case this.escKeyCode:
case 9:
   this.clearSelection();
   this.hasFocus = false;
default: return;
switch (found)
case 0: return;
case 1:
   //subopts
   this.mouseOver(listitem, e);
   break;
case 2:
   //parent
   this.mouseOut(opts[2], e);
   break;
case 3:
case 4:
   // left - right
   this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
   break;
var link = opts[found].getElementsByTagName('a')[0];
if (opts[found].nodeName.toLowerCase() == 'ul')
opts[found] = opts[found].getElementsByTagName('li')[0];
this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
opts[found].getElementsByTagName('a')[0].focus();
        //stop further event handling by the browser
return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if (this.enableKeyboardNavigation)
this.clearSelection(listitem);
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
if (listitem.closetime)
clearTimeout(listitem.closetime);
if(this.currMenu == listitem)
this.currMenu = null;
// move the focus too
if (this.hasFocus)
link.focus();
// show menu highlighting
this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
if(menu && !this.hasClassName(menu, this.subHoverClass))
var self = this;
listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if(this.bubbledTextEvent())
// ignore bubbled text events
return;
var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
if(!listitem.contains(related))
if (listitem.opentime)
   clearTimeout(listitem.opentime);
this.currMenu = listitem;
// remove menu highlighting
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
if(menu)
   var self = this;
   listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
if (this.hasFocus)
   link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
var child = element[sibling];
while (child && child.nodeName.toLowerCase() !='li')
child = child[sibling];
return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
var found = 0;
var rect = Spry.Widget.MenuBar.getPosition;
var ref = rect(els[found]);
var hideSubmenu = false;
//make the subelement visible to compute the position
if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
els[1].style.visibility = 'hidden';
this.showSubmenu(els[1]);
hideSubmenu = true;
var isVert = this.hasClassName(this.element, this.verticalClass);
var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
for (var i = 1; i < els.length; i++){
//when navigating on the y axis in vertical menus, ignore children and parents
if(prop=='y' && isVert && (i==1 || i==2))
   continue;
//when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
   continue;
if (els[i])
   var tmp = rect(els[i]);
   if ( (dir * tmp[prop]) < (dir * ref[prop]))
    ref = tmp;
    found = i;
// hide back the submenu
if (els[1] && hideSubmenu){
this.hideSubmenu(els[1]);
els[1].style.visibility = '';
return found;
Spry.Widget.MenuBar.camelize = function(str)
if (str.indexOf('-') == -1){
return str;
var oStringList = str.split('-');
var isFirstEntry = true;
var camelizedString = '';
for(var i=0; i < oStringList.length; i++)
if(oStringList[i].length>0)
   if(isFirstEntry)
    camelizedString = oStringList[i];
    isFirstEntry = false;
   else
    var s = oStringList[i];
    camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
var value;
try
if (element.style)
   value = element.style[Spry.Widget.MenuBar.camelize(prop)];
if (!value)
   if (document.defaultView && document.defaultView.getComputedStyle)
    var css = document.defaultView.getComputedStyle(element, null);
    value = css ? css.getPropertyValue(prop) : null;
   else if (element.currentStyle)
     value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
catch (e) {}
return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
if (isNaN(a))
return 0;
return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
doc = doc || document;
if (typeof(el) == 'string') {
el = doc.getElementById(el);
if (!el) {
return false;
if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
//element must be visible to have a box
return false;
var ret = {x:0, y:0};
var parent = null;
var box;
if (el.getBoundingClientRect) { // IE
box = el.getBoundingClientRect();
var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
ret.x = box.left + scrollLeft;
ret.y = box.top + scrollTop;
} else if (doc.getBoxObjectFor) { // gecko
box = doc.getBoxObjectFor(el);
ret.x = box.x;
ret.y = box.y;
} else { // safari/opera
ret.x = el.offsetLeft;
ret.y = el.offsetTop;
parent = el.offsetParent;
if (parent != el) {
   while (parent) {
    ret.x += parent.offsetLeft;
    ret.y += parent.offsetTop;
    parent = parent.offsetParent;
// opera & (safari absolute) incorrectly account for body offsetTop
if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
   ret.y -= doc.body.offsetTop;
if (el.parentNode)
   parent = el.parentNode;
else
parent = null;
if (parent.nodeName){
var cas = parent.nodeName.toUpperCase();
while (parent && cas != 'BODY' && cas != 'HTML') {
   cas = parent.nodeName.toUpperCase();
   ret.x -= parent.scrollLeft;
   ret.y -= parent.scrollTop;
   if (parent.parentNode)
    parent = parent.parentNode;
   else
    parent = null;
return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
if (ev.stopPropagation)
ev.stopPropagation();
else
ev.cancelBubble = true;
if (ev.preventDefault)
ev.preventDefault();
else
ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
   continue;
obj[optionName] = optionsObj[optionName];
CSS:
/* 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: 14px;
cursor: default;
color: #FCC;
background-color: #000;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: bold;
text-align: center;
float: left;
width: 880px;
/* 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;
position: relative;
text-align: center;
cursor: pointer;
width: 145.8px;
background-color: #000;
color: #FCC;
float: left;
/* 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;
background-color: #000;
color: #FCC;
/* 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: 145.8px;
position: absolute;
left: -1000em;
/* 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;
color: #FCC;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 145.8px;
clear: left;
float: left;
/* 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: 0;
top: 0;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #000;
padding: 0.5em 0.75em;
color: #FCC;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #333;
color: #FFF;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
text-align: right;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #000;
color: #FCC;
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%;
color: #FCC;
/* 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;
filter:alpha(opacity:0.1);
/* 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: #000;
Home page code:
<!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>Holly Parker - Fashion, Commercial, Swim, Runway Model Los Angeles</title>




<style type="text/css">

</style>

<script src="file:///C|/Users/HOLLY/Desktop/Holly Parker Website/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///C|/Users/HOLLY/Desktop/Holly Parker Website/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
    <h1><img src="images/holly-logo-top.jpg" width="875" height="139" /></h1>
    <table width="800" border="0" cellspacing="0" cellpadding="4">
      <tr>
        <td align="right" valign="middle" bgcolor="#FFE8FF" class="navigation">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="index.html">MAIN</a></li>
            <li><a href="pone.html" class="MenuBarItemSubmenu">PHOTOS</a>
              <ul>
                <li><a href="pone.html">Un</a></li>
                <li><a href="ptwo.html">Deux</a></li>
                <li><a href="pthree.html">Trois</a></li>
                <li><a href="pfour.html">Quatre</a></li>
              </ul>
            </li>
            <li><a href="me.html">ME</a>            </li>
            <li><a href="connect.html">CONNECT</a></li>
            <li><a href="links.html">LINKS</a></li>
            <li><a href="video.html">VIDEO</a></li>
          </ul>
        </td>
      </tr>
    </table>
    
</div>
<div id="mainContent">
    <p><img src="images/holly-parker-pink-beauty-web.jpg" width="265" height="349" /></p>

</div>
<div id="footer">
    <p>HOLLY PARKER © 2010 ALL RIGHTS RESERVED </p>
</div></div>
<script type="text/javascript">

      </script>
</body>
</html>

Spry menu bar does not appear over flash elements in I.E. 8

Hi, My spry menu bar does not appear over any flash elements in I.E. 8. Every other browser it workd fine. Can anyone please help? Thanks
A link to one of the pages is http://www.innervisionfilms.tv/pages/showreel.html
My spry code is
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* 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;
    width: auto;
    font-family: Verdana;
    color: #000033;
    font-weight: bold;
/* 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: 130px;
    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: 8.2em;
    position: absolute;
    left: -1000em;
/* 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 same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
ul.MenuBarHorizontal ul li a
    width: 10.2em;
    background-color: #4E81B4;
    left: auto;
    background-image: none;
/* 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
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #000033;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    background-image: url(../pagelayout/menubg.jpg);
    font-weight: bold;
    border: 1px solid #003366;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #003366;
    color: #FFFFFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #003366;
    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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../pagelayout/menubg.jpg);
    background-repeat: repeat;
/* 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(../homepagelayout/greenbarbg.jpg);
    background-position: 95% 50%;
    background-repeat: repeat;
/* 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;
    filter:alpha(opacity:0.1);
/* 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;

I still can't find a solution. Changing the parameter wmode:transparent works for .swf files but .flv files do not have the option to add this parameter. If you add it in the script manually it doesn't do anything. Any help would be greatly appreciated. I cn't find any solution online.
Thanks,
Adam

Help with Dreamweaver CS5 spry menus. Menu is not dropping down in IE7.

Hello.
We recently upgraded from GoLive CS3 to Dreamweaver CS5. Wow! This has been a big change for us. We are having trouble with a website that we are building, specifically the Spry Menu drop downs not appearing correctly in IE7 and older. While the dropdown menu appears in other browsers, it is not dropping down at all in IE7 and earlier versions. After researching this topic on many websites, including this forum, we are still unable to resolve our particular issue. We have tried many of the suggestions that are common to our problem, but have not found a solution as yet. Could someone please check out this page for us, and possibly give us some advise. We are working on Mac OSX. Thank you in advance for any suggestions you may offer.
http://www.advertools.net/pgtdemo/index.html

When I added the following to the document
<style>
#main_image {position:static;}
</style>
the menu items appeared albeit in the wrong position.
The reason for the hidden menu items is because #main_image had a position of relative, effectively creating a flow of its own rather than following the natural flow of the document.
Now for the postion of the submenu. If I add the following style rules to the document the submenu items are in the correct position
ul.MenuBarHorizontal li {text-align: left;}
ul.MenuBarHorizontal a {text-align: center;}
In the first line I have reset the rule that you had changed to center align and in the second line (which is not in the original CSS) I have aligned the text in the anchor tag to align center.
The reason is that IE<8 behaves differently to other browsers when it comes to list items causing the nested list items (submenu) to align themselves to the center of the text of the parent list item.
I hope the above helps.
Gramps

After navigating (sometimes downloading pictures, sometimes not) for approximately 10 minutes, I can no longer see contents of drop down menues, then Firefox freezes up and I have to use Ctrl/Alt/Delete to end my internet experience.

After navigating (sometimes downloading pictures, sometimes not) for approximately 10 minutes, I can no longer see contents of drop down menus, then Firefox freezes up and I have to use Ctrl/Alt/Delete to end my internet experience.
== This happened ==
Every time Firefox opened
== After upgrading to 3.6

Step by step, how did you arrive at seeing this agreement?

Access Connections: proxy + homepage settings not taken over in Firefox and IE since upgrade to 5.0

Hi,
I got a really annoying problem since upgrading to AC 5.0: both in IE 6.0 and FF 3.0 the proxy and homepage settings are not taken over when switching the network profiles. A first attempt based on a statement found here
http://www.thinkpad-forum.de/thinkpad-software/thinkvantage-software/13963-access-connection-absturz...
seemed to look succesful. (for non Germans: they have solved a crash-problem while creating new profiles in reducing the size of FF's prefs.js file to a value under 45 kB). I had a similar problem, too, and solved it in this way. Also the proxy issue seemed to look better then but but only for some days. Now its the same again, proxy and homepage (did by the way never work with AC 5.0) do still not have any effect on IE and FF.
What's the reason? Has anyone solved or at least experienced this problem?
Thanks a lot for any hints...
Best regards,
Carsten
PS: T41p, Win XP Pro SP2, IE 6.0, FF 3.0.1

BSNF:
Stopped working on 5.0. Upgraded to 5.02 through System Update, continued to not work. Have deleted all profiles, recreated: Still doesn't work. Have uninstalled Access Connections, reinstalled: Still doesn't work. Doublechecked settings in profiles, verified that check box is on in order to get Access Connections to do its thing.
Both IE 6.0.2900.5512.xpsp.080413-211 (that is, the system proxy and home page settings) and Firefox 3.0.1 are affected.
Turned on log file; there were 152 lines of error message, included below, some of which clearly make reference to Firefox. Don't know what's wrong. Some kind of permission thing?
<tr><td></td><td><font color="#FF0000"><b>ERROR SvcGuiHlpr( kab(Prvlg).4576.0340) [9/14]14:26:40:960 GetPrefsFile got prefs file path [C:\Documents and Settings\kab\Application Data\Mozilla\firefox\Profiles\vbpsq9vz.Work\prefs.js]</b></font></td></tr>
<tr><td></td><td><font color="#FF0000"><b>ERROR SvcGuiHlpr( kab(Prvlg).5356.3964) [9/14]14:27:06:897 GetPrefsFile got prefs file path [C:\Documents and Settings\kab\Application Data\Mozilla\firefox\Profiles\vbpsq9vz.Work\prefs.js]</b></font></td></tr>
I've got a much bigger file that contains the log when switching back and forth. There's other error messages in there, too: Missing PID, etc. Any ideas?
Ken Becker

After completing a credit card sale on virtual merchant the option to print does not drop down it did before installing this latest firefox on my new computer

after completing a credit card sale on virtual merchant the option to print does not drop down as it did before i installed firefox on my new computer . the people at virtual merchant said it might be a pop-up prevention by firefox ...could this be true?

Can you check this issue on Firefox 9?
* getfirefox.com

Spry Dropdowns not dropping over SWF in Firefox (Windows)

Similar Messages

Maybe you are looking for