Problems with my spry menu bar, need help

i made a spry menu bar, and it works on my computers at my house and my computers at school, but on other computers the home page menu bar is in the middle of the page (not on the left side) and on the other pages the menu bar submenus dont go out to the side of that button, its hard to explain but the "designs" button has a sub menu that is supposed to go out to the side of it but it goes out to the side at the top!.. please look at it for me...?
www.branchoutadvertising.com
Linda

Similar Messages

Problems with Vertical Spry menu bar in Internet Explora

Hi I'm new to Dreamweaver,
I having trouble with a new site I'm making in CS4. A problem with a vertical menu bar, in IE. Can anyone help?
1. The text is left aligned and should be centered.
2. The menu bar has moved left
3. My paragraph text has moved up the page and aligned itself to the to the menu bar.
Website address: http://www.greenwyse.co.uk/
I'm finding dreamweaver a bit clunky, reading the 'Missing Manual' but still very frustrating. Any one have any idea's/
cheers
myquirk

Sorry, but your CSS is has been mangled beyound recognition.
The solution is to start with an untouched style sheet. Then add or modify the CSS testing in your browsers as you make the changes.
Have a look at the following where I have positioned the menu. All that is now required is the styling for font and the hover event.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet">
<style>
body {width: 960px;    margin: auto;}
.article {clear: both; margin: 20px;}
/* SPRY MENUBAR */
ul.MenuBarVertical {width: 29em; margin: auto; border: none;}
ul.MenuBarVertical li {width: 29em; text-align: center;}
ul.MenuBarVertical a {background-color: transparent;}
</style>
</head>
<body>
<h1><img src="http://www.greenwyse.co.uk/greenwyse natural products/green_wyse_logo.png" width="200" height="136" alt="Green Wyse Natural Body Care Products" longdesc="greenwyse natural products/green_wyse_natural_body_care_products.png" /></h1>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html">100% Natural</a></li>
<li><a href="greenwyse natural products/about dawn Ireland.html">Handmade</a></li>
<li><a href="greenwyse natural products/Hand-Made-Natural-Bodycare.html">Eco Friendly</a>      </li>
<li><a href="greenwyse natural products/green wyse body care products.html">Luxurious Body Care</a>    </li>
</ul>
<div class="article">
<p>Working through a top-down, bottom-up approach, the vitality of conceptual synergies is of supreme importance to focus on improvement, not cost. Motivating participants and capturing their expectations, through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard. Building flexibility through spreading knowledge and self-organization, by moving executive focus from lag financial indicators to more actionable lead indicators, the new golden rule gives enormous power to those individuals and units.</p>
<p>Organizations capable of double-loop learning, empowerment of all personnel, not just key operatives, measure the process, not the people. In a collaborative, forward-thinking venture brought together through the merging of like minds. The balanced scorecard, like the executive dashboard, is an essential tool in order to build a shared view of what can be improved, the vitality of conceptual synergies is of supreme importance. While those at the coal face don't have sufficient view of the overall goals.</p>
</div>

<script src="SpryAssets/SpryMenuBar.js"></script>
<script>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Gramps

IE problems with vertical spry menu bar

hi,
first of all: I'm aware that this problem has been discussed
before. but nothing I've found so far has really helped me.
the problem is that my vertical spry menu bar doesn't work
properly with the internet explorer. I've (clumsily) repositioned
the submenu bars, but that didn't seem to be the main problem.
I'm using dreamweaver cs3 on a mac and have checked for
safari and firefox, in which everything works fine. I'd be very
grateful if someone could have a look at
www.philipbirau.com/portfolio.htm.
unfortunatly, I have neither the skills nor the money for
'professional' webdesign, so any hint will be appreciated. if you
need more information, please let me know.
thanks!
philip

hi,
first of all: I'm aware that this problem has been discussed
before. but nothing I've found so far has really helped me.
the problem is that my vertical spry menu bar doesn't work
properly with the internet explorer. I've (clumsily) repositioned
the submenu bars, but that didn't seem to be the main problem.
I'm using dreamweaver cs3 on a mac and have checked for
safari and firefox, in which everything works fine. I'd be very
grateful if someone could have a look at
www.philipbirau.com/portfolio.htm.
unfortunatly, I have neither the skills nor the money for
'professional' webdesign, so any hint will be appreciated. if you
need more information, please let me know.
thanks!
philip

Help with a Spry Menu Bar

I'm having trouble with a Spry Menu Bar not displaying
correctly in Internet Explorer, while it displays fine in every
other browser I have available. I've done some searching on these
boards, but the queries I've found with the same type of problem
each has a knowledgeable person editing the code for the
poster...and I can't seem to make heads or tails of it.
So, below is my link. What you'll see if viewed in Explorer
is that the "Clinics" listing and the "Services & Specialties"
listing are each on the same horizontal line, rather than vertical
like the rest of the menu. If anyone can help me in correcting this
problem, I'd be very appreciative.
Thanks in advance.
http://www.chambershospital.com/temp/about.html

Hello,
You might try removing all of the <div> tags you
inserted in the menu.
This can happen if you select text in design view and use the
"align" icons
in the properties window instead of using CSS to align
things.
For example:
<li>
<div align="left"><<****REMOVE THIS
<a href="clinics.html"
class="MenuBarItemSubmenu">Clinics</a>
<ul>
<li><a href="clinic.html">Chambers
Clinic</a></li>
<li><a href="clinic7.html">Scenic 7
Clinic</a></li>
</ul>
</div><<*** REMOVE THIS
</li>
So it looks like this:
<li><a href="clinics.html"
class="MenuBarItemSubmenu">Clinics</a>
<ul>
<li><a href="clinic.html">Chambers
Clinic</a></li>
<li><a href="clinic7.html">Scenic 7
Clinic</a></li>
</ul>
</li>
Repeat for all the other <div align="left"> and
</div> tags in the menu.
Take care,
Tim
"Zim74" <[email protected]> wrote in message
news:fv4vc0$r0t$[email protected]..
> I'm having trouble with a Spry Menu Bar not displaying
correctly in
> Internet
> Explorer, while it displays fine in every other browser
I have available.
> I've
> done some searching on these boards, but the queries
I've found with the
> same
> type of problem each has a knowledgeable person editing
the code for the
> poster...and I can't seem to make heads or tails of it.
>
> So, below is my link. What you'll see if viewed in
Explorer is that the
> "Clinics" listing and the "Services & Specialties"
listing are each on the
> same
> horizontal line, rather than vertical like the rest of
the menu. If
> anyone can
> help me in correcting this problem, I'd be very
appreciative.
>
> Thanks in advance.
>
>
http://www.chambershospital.com/temp/about.html
>
>

***I need help with my SPRY MENU BAR***

Hi everyone,
I have installed a Horizontal and Vertical Spry Menu Bar.
It looks great, but I can not figure this out.
When I click on any of the links on the bars,
my text jumps to the righ
Can someone please tell me how I can make
the text to stop jumping.
My test page is located at the link below:
http://www.tonyasdynamicdesigns.com/gregs-pages/index.html
Thank you so much for your help,
Tonya

I know that the problem is in my main-css.css because
when I deleted this css code, the text jumping stopped.
I can not figure out how to fix my main-css.css style.
Can you please help me?
Below is part of my css code
that is causing the problem.
body {
          background-color: #000000;
          background-repeat: repeat;
          background-image: url(.../gregs-images/bg.jpg);
          background-position: center;
          background-attachment: fixed;
#container {
          width: 965px;
          fixed-width: 965px;
          background-color: #1f1f1f;
          margin-right: auto;
          margin-left: auto;
          font-size: 12px;
          color: #afafaf;
          font-family: Arial, Helvetica, sans-serif;
          font-style: normal;
          line-height: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          text-decoration: none;
          border: 2px solid #1f1f1f;
          margin-bottom: 30px;
          margin-top: 30px;
          background-image: url();
          background-repeat: repeat;
#shadow {
          width: 968px;
          background-image: url(.../images/vertical-website-background-shadow.png);
          background-repeat: repeat-y;
          margin-right: auto;
          margin-left: auto;
#bottomShadow {
          margin-right: auto;
          margin-left: auto;
          width: 968px;
          background-repeat: no-repeat;
          background-image: url(.../images/bottom-website-background-shadow.png);
          height: 54px;
#header {
          height: 272px;
          background-image: url(../gregs-images/smokehouse-studios-banner.png);
          width: 965px;
#footer {
          height: 381px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          clear: both;
#navigation {
          width: 900px;
          fixed-width: 900px;
          background-color: #1f1f1f;
          display: in-line;
          position: fixed;
          overflow: hidden;
#content {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 14px;
          color: #afafaf;
          background-repeat: repeat;
          background-image: url(.../gregs-images/grey-gradient-bg.png);
          background-color: #1f1f1f;
          text-align: left;
          width: 965px;

Help with vertical spry menu bar submenu displaying incorrectly!

I’m new to Dreamweaver and am learning as I go. I am having a problem with the vertical spry menu bar submenu in the Live View. When I scroll over the spry menu bar option that has a submenu, the submenu appears in the upper right hand corner of my screen. (My menu bar is going down the left hand side.) However, when I preview it in Internet Explorer it looks fine after I allow the Java Script to run or the Active X controls, which my browser usually automatically blocks. (The browser just displays a small message along the top and I click on it to allow it.) To get it to do this much, I had to play around with the CSS for the spry menu bar a little bit.
Before, when I clicked on the Live View option, a small message ran along the top in Dreamweaver saying it couldn’t find the Flash Plugin and asked me to download the most recent FlashPlayer, which I did twice. It continued to say that and then I just closed that message that kept popping up, but I think that has something to do with the problem. I then researched that problem in the Spry Framework Help and Dreamweaver Help, but couldn’t find a solution that worked. (Someone had posted a link for downloading the Flash Player for Netscape Navigator, but that didn’t seem to do anything.)
Please also note that I am using one of Dreamweaver’s pre-built layouts. I don’t know if that makes a difference with this problem.
How do I fix this problem so that it displays correctly in the LiveView? And will the message that I get on my browser about allowing blocked content appear on other people’s computer when they open my website?

IE is a big problem child among browsers. Don't use it as your default browser.
For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera. If it works in one, it should work pretty much the same in all of them.
After you're satisfied with how your site looks in the good browsers, then test in IE. If needed, add hacks or conditional comments to make IE behave. There are many web sites that discuss known bugs in IE and how to work around them.
Lastly, the active X nag screens only appear locally. Once deployed on the remote server, you won't see them.
For better answers to your layout questions, we need to see your page. Can you post a URL?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver Help | Working with the Spry Menu Bar widget

This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/spry-menu-bar-widget.html

Adobe has discontinued further Spry development.
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
You can continue using Spry but if mobile & tablets are your concern, I would use a different menu system.
Project Seven's Commercial Extensions:
http://www.projectseven.com/products/templates/pagepacks/adaptations/index.htm
http://www.projectseven.com/products/menusystems/index.htm
Or roll your own with jQuery plug-ins:
http://webdesign.tutsplus.com/tutorials/site-elements/big-menus-small-screens-responsive-m ulti-level-navigation/
https://github.com/mattkersley/Responsive-Menu
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Spry menu bar, please help

Hi everone,
I had to migrate from GoLive CS2 to DWCS5 a month ago, and I just put up my two site using the same template. Sorry, I am lerning but I do not know about Code.
Main domain is: http://www.hydeparkgalleryllp.com/
Sub domain is: http://www.fumiosawafineart.com/
Hyde Park Gallery,LLP site is working fine but my site fumiosawafineart.com has problem with spry menu bar which do not show in the web pages.
So far, I learned without help, but this one I have no idea.
I deeply appreciate if someone help me this issue. Forum has been changed so much, even I am not sure I am right place... and sorry about my English.
Fumio

Your Spry menu bar is on http://www.fumiosawafineart.com/ but it is unstyled.
That's because the code for styling the Spry menu in http://www.fumiosawafineart.com/ is pointing to your local hard drive (file:////Mac.... which no-one can see but you)
<script src="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
Should read
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
The reason for this weird code is often because you have not defined a sitre correctly in Dreamweaver. Is that the case?

Spry Menu Bar Vertical Help

Hi,
Since the site isn’t online yet I posted my project for downloading. I am using Dreamweaver CS4.
For the website I am creating I would like to have a spry menu bar. I have been trying to figure this out but I can’t do it. The main file I am working with is named “theme_02_design.html” which is found in the Publish folder inside of In Play by Heather Ashley Inc. As you can see there is a left navigation area with 3 items listed (Home, Products, and Contact Us). I would like to change this into a vertical spry menu bar. Every time I try to do this the page is distorted in some way or another. I would like the menu on the left of the screen to look the same but with the vertical spry menu bar functions.
When someone visits the page I would like them to hover over the word products and have a submenu with multiple items.
It would look something like this...
Home
Products - submenu - Warm Up Series (I would insert a submenu here as well)
Contact Us                   Lace Up Hooded Sweatshirt
                                    Fleece Name Pants
                                    Shorts
                                    Accessories
                                    Shell Colors
                                    Trim Colors (I would insert a submenu here as well)
Can anyone help?
Thanks

I fiddled around with your file. I will attach the zip of your files.
Take a look at your page. I commented out your original navigation and added a Vertical Spry Menu Bar.
You will have to do some more adjusting, but I copied portions of your own CSS file into the Spry Menu Bar CSS.
See what you can do with it.
Beth

Problem with Horizontal Spry Menu

Hi,
I have trawled through the forum to see if I can find an answer to my problem, but couldnt locate one, so this is my first post.
I recently built this website for my wifes business and was using a simple menu bar without any dropdowns, just to get the site up and running (healingthreads.com.au). Am now looking to do some enhancements and was looking to use a Spry Horizontal Menu Bar. All was going well in that I was able to insert the menu bar and get it in the right position, however the dropdowns below the top level items (ie. Item 1.1, Item 1.2 etc) are getting hidden behind one of the other DIV's and despite trying changing z-index values, am still not able to get the dropdowns to display in front of the main DIV. Have run out of ideas and am hoping the wisdom of the forum will be able to assist. I have the same problem on the Index page as well as the other pages on the site. The website is fairly basic at the moment and is simply promoting her courses and products.
Unfortunately am not able to post live code to a server for you to test on, so best that I can do is post the code for a page and for the CSS sheets. I have left the standard Spry code in place in the source code to show that the problem exists without and fancy changes that I have made to the Spry code. I have also removed the z-index properties that I had been playing around with. So, what I am attaching is the basic code that has the problem.
Hope someone can help.
Here is the source 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" />
<meta name="description" content="Healing Threads is an innovative practice on the NSW Central Coast offering workshops, group work, private consultations and also has a range of aromatherapy and handwoven products for sale" />
<meta name="keywords" content="healing journeys, healing, transpersonal counselling, private consultations, aromatherapy, handwoven, workshops" />
<title>Healing_Threads</title>
<link href="Styles/healing_threads.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body
<div id="container">
<h1>Healing Threads: Healing Journeys, Group Work and Private Consultations</h1>
<div id="Banner"><img src="images/HT_Banner_2.gif" alt="Banner" width="800" height="125" border="0" usemap="#Map2" />
    <map name="Map2" id="Map2">
      <area shape="rect" coords="67,12,770,113" href="index.html" />
    </map>
    <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>
</div>
<div id="background_image">
    <div id="Prod_Image"><img src="images/HT-Web-Site-HP-Side-ImageV3.jpg" width="200" height="470" alt="Products & Services" /></div>
    <div id="main_text">
      <h5><a href="Workshops.html" class="htlinks">Healing Journeys</a></h5>
<p>Combining story, meditation, art and ritual to help tap into your own inner wisdom for self growth and healing.</p>
      <h4><a href="Groups.html" class="htlinks">Group Work</a></h4>
      <p>A range of weekly group activities exploring story, dreams, masks and more.</p>
      <h4><a href="Consultations.html" class="htlinks">Private Consultations</a></h4>
      <p>Using a range of creative processes, including meditation, art, movement, story and ritual, for the best healing outcome for clients.</p>
      <h4><a href="Oils&Sprays.html" class="htlinks">Aromatherapy Products</a></h4>
      <p>sCentred Therapies range of anointing oils, clearing sprays and perfumes that can be used to enhance meditation, ceremony and pleasure.</p>
      <h4><a href="Handwoven.html" class="htlinks">Handwoven Items</a></h4>
      <p>Handwoven products such as throws, wraps and scarves, created from stunning wools, silks and cottons.</p>
    </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>
Here is the main CSS sheet
@charset "UTF-8";
/* CSS Document */
#container {
width: 968px;
background: #CCCCFF;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
overflow: scroll;
height: 1200px;
#Banner {
width: 800px;
background: #CCCCFF;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
#background_image {
background-image: url(../images/Coloured_Threads_Web.jpg);
background-repeat: no-repeat;
position: relative;
height: 533px;
width: 800px;
margin: 0 auto;
overflow: visible;
#background_image_ws {
background-image: ;
background-repeat: no-repeat;
position: relative;
height: 1000px;
width: 800px;
margin: 0 auto;
overflow: visible;
#main_text {
background-color: #FFF;
width: 500px;
margin-left: 0px;
position: absolute;
right: 0px;
bottom: 0px;
top: 52px;
left: 269px;
height: 470px;
#main_text h4 {
color: #7F7EB1;
font-family: Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text p {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text h5 {
color: #7F7EB1;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#Prod_Image {
background-color: #FFF;
height: 300px;
width: 200px;
position: absolute;
top: 53px;
#Prod_Image,#main_text {
float: left;
#Prod_Image {
margin-left: 35px;
#main_text_ws {
background-color: #FFF;
width: 600px;
height: 1000px;
margin-left: 0px;
position: absolute;
right: 0px;
bottom: 0px;
top: 0px;
left: 200px;
#Prod_Image_ws {
background-color: #FFF;
height: 1000px;
width: 200px;
position: absolute;
top: 0px;
#Prod_Image_ws,#main_text_ws {
float: left;
#main_text_ws h4 {
color: #7F7EB1;
font-family: Arial, Helvetica, sans-serif;
margin-left: 6px;
font-size: 16px;
#main_text_ws p {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text_ws h5 {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#background_image_ws #main_text_ws p a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7f7eb1;
a.htlinks:link {color:#7f7eb1;}
a.htlinks:visited {color:#7f7eb1;}
a.htlinks:hover {color:#0d004c;}
#container h1 {
position: absolute;
top: -500px;
Here is the Spry CSS Sheet - note: I have not modified this in any way.
@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;
/* 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: 8em;
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;
/* 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: 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: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* 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: #33C;
color: #FFF;
/* 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: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
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;
Am sure that this is something quite basic that I have missed, however as mentioned above, am out of ideas.
Looking forward hopefully to your helpful suggestions.
Regards,
Healing Threads

Gramps,
Thanks for the prompt reply, greatly appreciated here in Sydney.
Re your response. When I preview the page in both Safari and Firefox, the dropdowns are not visible, just the top layer Items.
Dont understrand what is going on.
Am I doing something wrong when I am previewing the file?
RThanks,
Healing Threads.

'Easy Set-up' Option - Problem with edit canvas/windows - really need help!

Hello Everyone. . .
Have a problem that i really need help with, i have tried so many different things to sort this - but with no sucess.
I usually work in High Definition and i have recently done a small project for someone in DV. When changing to work in DV, i selected the DV setup from the 'Easy Setup' menu. I have now changed back to HD and there are a few things different with Final Cut that i can't shift!
When i move a clip from the capture bin into the edit window, the clip no longer fills that window like it always used to and there are lines at the top and the bottom of the clip - almost like it is in widescreen.
Editing like this wasn't too much of a problem, but when i came to compress and do a final render of the whole film - there was the same black lines on the top and bottom of the film.
I can't figure out how to get the setting back to how they were, and have the clips fill the edit windows and fix the end render/compress.
Any ideas from anyone on what i am experiancing with all this? And. . . how to fix this problem?
Any help on all this will be very much appreciated!

Hello Everyone. . .
Have a problem that i really need help with, i have tried so many different things to sort this - but with no sucess.
I usually work in High Definition and i have recently done a small project for someone in DV. When changing to work in DV, i selected the DV setup from the 'Easy Setup' menu. I have now changed back to HD and there are a few things different with Final Cut that i can't shift!
When i move a clip from the capture bin into the edit window, the clip no longer fills that window like it always used to and there are lines at the top and the bottom of the clip - almost like it is in widescreen.
Editing like this wasn't too much of a problem, but when i came to compress and do a final render of the whole film - there was the same black lines on the top and bottom of the film.
I can't figure out how to get the setting back to how they were, and have the clips fill the edit windows and fix the end render/compress.
Any ideas from anyone on what i am experiancing with all this? And. . . how to fix this problem?
Any help on all this will be very much appreciated!

Problems with poor wifi signal strength, need help?

Any suggestions would be greatly appreciated? This is a lengthy explanation. Thanks in advance.
I have a 3rd generation Airport Extreme wirelessly bridged to a 4th generation Time Capsule. I have noticed only mild increase in signal strength. Surprisingly I have only 1 – 2 bars of signal strength when standing next to the bridged Airport Extreme. There are areas of the house that continue to have very weak coverage ranging from 0 – 2 bars depending on the day and others that continue to have no wifi coverage.
The house has Cat 5 cable in all rooms. Most rooms only have a phone jack wired to the end of the Cat 5 cable but two rooms have data ports. All the wires (phone and data) run to the same junction box and are connected to, what appears to be, a simple parallel bridge. (There are a couple unused access points on the bridge. A few years back, I ran an additional line for a phone by simply pressing the colored wire into the corresponding site and the phone works fine)
It was suggested to plug the two routers directly into the data ports rather than have them communicate wirelessly. When doing this, I had no signal at the other end and the phone stopped working.
What is the best way to fix the weak wifi signal problem?
1.     Do I need to tweak my current wireless set up? (FYI, In the Airport Utility, both devices are listed and have green dots)
2.     Do I need to buy an additional Airport Extreme to bridge to the Time Capsule to cover the current dead areas? (unless there is something I should do different in the set up, hesitant to do this, since I have only seen a marginal boost with my current bridge)
3.     Would it be better to use the existing cat 5 cable and create a functional “hard wired” network that I can use to connect the two wireless routers? (If this is the answer, is this something relatively simple that I can do myself or should I hire a professional?)
Thanks again.

The house has Cat 5 cable in all rooms. Most rooms only have a phone jack wired to the end of the Cat 5 cable but two rooms have data ports. All the wires (phone and data) run to the same junction box and are connected to, what appears to be, a simple parallel bridge. (There are a couple unused access points on the bridge. A few years back, I ran an additional line for a phone by simply pressing the colored wire into the corresponding site and the phone works fine)
It was typical awhile back, where you have "whole-house" Ethernet running back to a patch panel to use the cable runs for both data and phone service. This works fine as long as you only wanted 100 Mbps Ethernet (or Fast Ethernet) connections for data. Gigabit Ethernet requires all of the twisted pairs in the CAT-5 cable and cannot share any of those pairs for phone lines.
So any wall outlet that is wired for both phone & data will not provide Gigabit Ethernet ... unless there are at least two CAT-5 cables going to that outlet. I am only mentioning this as to the potential for reduced bandwidth on some of your connections as all of your AirPort base stations are Gigabit capable.
As far as "weak" signals, I am assuming that you have configured all of your AirPort base stations for a roaming and NOT an extended wireless network ... correct? Even if you already have, please review the following Apple Support article to make sure you didn't miss anything. Please post back your results.

Problem with IE Vertical Menu Bar Widths

I currently have a Vertical Menu Bar with the width set to
auto. IE shows all of the top-level menu items as a single
word-wrapped line.
When you hover over any submenu item, the border that appears
on hover only spans the width of that submenu item's text rather
than the width of the actual submenu.
Is there a way to use auto widths in IE or will I just have
to use predetermined widths?
My URL is
http://www.plpimports.com/
Thanks!!

I changed the layout so that the menu is fixed width. I think
I like it better this way anyway.

Xfi Xtreme Audio Problems with Microphone and other things NEED HELP!!!!

? Alright i have exhausted my search for an answer for my problems.... This is a last resort now!
Im running Windows 7
st Problem: I was having problems with my microphone where people heard themselves through my microphone. Ok well i have a creative Fatility series headset with a supposed noise canceling mic. So last night i was like screw it imma put in the install disk for my sound card Xfi Xtreme Audio.
This Arose my 2nd Problem: Now that the drivers were installed and i finaly got a volume panel it says im running Windows Vista. The name next to my card says Sound Blast X-Fi Xtreme Audio (Vista). Alright so i am running windows 7.... What the heck! Next thing is my microphone doesnt even work! This is just awsome btw and im pretty sure the volume panel isnt even the way it was when i was on an XP system.
So if anyone has a fix to this problem let me know it would be great!

A quick update i was able to fix Problem 2, i had to get rid of what i installed so im just back to Problem . I dont have the VOlume Panel anymore but my microphone still seems to make it so that people can hear themselves....

Help with Spry menu bars needed please?

Hi all
I am brand new to this forum, so please forgive any mistakes!
My problem is this:
I have created a 10 page web site in DW, and created a Spry horizontal drop down menu within it. I have created all the links on all pages, and all is working fine. However - here is my question - if I want to add another page to my site (making it 11 pages) is there a way of just creating it on one page (say index.html) and then automatically updating the other 9 pages with this new page - or do I have to open every page to add my new page manually?
Please help me out if you can.
Many thanks and regards
Mark

Hans - that was exactly what I was looking fro - thank you so much.
Have a good day
Regards
mark

Problems with my spry menu bar, need help

Similar Messages

Maybe you are looking for