Force vertical menu bar to stay open on loaded pages

I am creating a new site using Dreamweaver CS3, temporarily uploaded at:
http://www.sharpeacademy.co.uk/nick-jackson.co.uk/sharpeacademy/theatrearts/
I have a navigation bar with the usual main tabs and sub tabs. Is it possible to configure this so that each section of the nav menu stays open when any of the pages linked to the sub-menus are selected?
Hope that makes sense!

OK just managed to resolve the ftp issue. Bit tricky as our
old (average) website is still on the same server.
Anyway please check this link.
http://www.klanntools.co.uk/Contact%20Us%20pagehtm.htm
As you can see it works fine in FF but not in IE7. The child
sub menus keep appearing at the top of the vertical menu
bar.

Similar Messages

Why can't i quit Safari? I tried Force Quit-but it still stays open.

Why can't i quit Safari? I tried Force Quit- but it still stays open.

Select  ▹ Force Quit... from the menu bar, then select Safari and press return.

How do i customize the states in a vertical menu bar?

i see that it is possible to change the states for a horizontal venu bar, but i can't get it to work for the vertical one. please tell me we can edit the states in a vertical menu bar.
valerie

Yes, you've hit a bug in Muse, that will be fixed in the next release.
The bug happens when you have a gradient fill for the default state, but no gradient fill for your other state. The vertical menu has this look by default. You can work around it by removing the gradient in the default state, or adding a gradient for the other states.

Question on spry vertical menu bar backgrounds

I have a spry vertical menu bar. The menu branches off to 3 or 4 levels in some cases. When you mouse over the menu structure the menu path that you have selected turns a different color. I acheived this by giving
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
a different text color and also a different background color using CSS. The thing I want to acheive now is to somehow make listings within my menu structure that are clickable links a slightly different color. This is to signal that a menu selection that is currently being hovered over is indeed clickable (and linked to another page). For example, most of my clickable menu listings are at the end of a menu branches. That is to say the menu listing at the 1st and 2nd level are not clickable (linked to another page) but the listing that falls at the end of the menu branch is clickable.
How can I make the menu listings that link to other pages a different color then the other menu listings that do not link anywhere but are instead just the preceding struture to get you to the end of the menu structure?
Currently menu listings which merely branches off and do not link to a clickable page have a reference of "#" as shown below.
<li><a href="#">Menu_1</a>
This "#" was put there by Dreamweaver so I just followed the pattern. Clickable menu listings reference another HTML page as you would expect.

Nancy,
Thanks for the reply (it helped me know how to approach it). It looks like editing
ul.MenuBarVertical a.MenuBarItemSubmenuHover
will give me the behavior I was looking for. I don't know if that is what I want to do now that I look at it though. Using different colored backgrounds when hovering over links seems to contrast too much (even though some are clickable and others are not). Perhaps I didn't have the right color choice.
Instead I thought about emphasizing links that are clickable (with some type of visual variation) as opposed to making the hovering background color path to those clickable links different. I experimented with placing a 1 inch border around links in the menu that can be clicked but I am not sure if I like it or not.
I am using a background color of #7D120C for the hover. Any suggestions are welcome and appreciated.
http://www.indiana.edu/~iutreas/index.html
Thanks,
JTB

How do i get the menu bar to stay

how do i get the menu bar to stay down where i can see
it all the time - instead of hiding from me.
thx
deb

If you're running Lion, press the escape (esc) key to exit full-screen mode. Otherwise, provide more details, including the Mac OS version and the application you're have trouble with. A screenshot would help.

Hide Menu Bar from Users Opening Form

Allow Documents To Hide The Menu Bar, Toolbars, And Window Controls
I see this in Preferences>Documents, but how does my doc hide the Menu Bar? The doc is a form that hospital patients can fill out in a kiosk, and we don't want them to see the Menu Bar when they open the form. How do I set the form so that when it opens, the Menu Bar is not visible? Once I have the form open, I know that F9 will close it, but we want the Menu Bar to be closed whenever this form is opened. So, in short how does this work?
Allow Documents To Hide The Menu Bar, Toolbars, And Window Controls

That's not an option but you can run some apps such as Safari in full screen mode which hides the menu bar.
From the Safari menu bar ckik View > Enter Full Screen
If an app supports full screen mode, that feature should be available from the apps View menu.

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.

Artifacts between Logo and Vertical Menu Bar

See http://www.ottawapatentagency.com
Artifact #1: a light grey dot at the joint between the logo and the vertical menu bar, on the right hand side.
Artifact #2: on mouse over 'Home' - the top menu item of the vertical menu bar - there appears a light-colored, 1-pixel separation between the logo and the vertical menu bar.
The logo is a standard gif and the vertical menu bar is a standard spry menu bar, I am puzzled.
Anyone has a solution?

You could try adding the following code above your closing </head> tag:

Also, it looks like you need to add closing brackets to the following two lines:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"
<link rel="icon" href="/favicon.ico" type="image/x-icon"

Spry Vertical Menu Bar Styling Issues

Hello all,
I'm having CSS issues with a spry vertical menu bar. The Menu
is fairly basic but, it has some odd sizing requirements specified
by it's designer. The designer would like the sub menu items to all
have different widths that correspond to the actual content within
them. Here is sample.
http://staging.rm306.com/cycle/
The menu seen at the page above was not build with Spry. It
was build with another tool and has considerable problems with
consistent browser display.
Can anyone give me a short list of styles and where they
should be applied that might help me achieve this reletively simple
effect?
I've tried to use Spy menu bars in my projects in the past
but, there was always some sticking point. I'd like this time to be
the winner if possible.
Thanks for your time and patience in advance,
Kevin

The sample page I posted came after searching for an easy
"how to do it". The closest I found to a tutorial was this:
http://www.adobe.com/devnet/dreamweaver/articles/spryte_menu.html
The author designs and implements a spry menu with Fire Works
graphics. The last section describes how to modify the existing CSS
for multiple levels. Yet I found the sample page easier to follow.
I hope this helps though.

Vertical Menu Bar Component

Hi,
I would need to deploy some kind of component as a menu bar but on vertical position. I have found a very interesting component on FlexLib library (see http://flexlib.googlecode.com/svn/trunk/examples/VerticalMenuBar/VerticalMenu_Sample.swf) developed by Doug Mc Cune (see at http://dougmccune.com/blog/2007/01/25/vertical-menubar-component/). Unfortunately the code does not run properly on Flex 3, and in spite of tracing the source code I'm not able to find but is wrong (I have attached it there if someone wants to take a glance of it).
Has someone been able to fix this issue or developing some kind of component that may be re-used?
Thanks

OK just managed to resolve the ftp issue. Bit tricky as our
old (average) website is still on the same server.
Anyway please check this link.
http://www.klanntools.co.uk/Contact%20Us%20pagehtm.htm
As you can see it works fine in FF but not in IE7. The child
sub menus keep appearing at the top of the vertical menu
bar.

Vertical Menu Bar difficulties

Hi, I'm using the spry menu bar to create a vertical menu bar
on our new website. I'm new to all this but I've been playing with
pc's for years and have got the promise of a payrise if I can get a
neat looking website up and running.
Anyway, my sub menu bars appear at the top of the section
when I preview my template and move the mouse over the menu bar.
I've put a few screen print pics on photobucket so you can see what
I'm talking about.
http://i199.photobucket.com/albums/aa13/ewanvx/Klannweb1.jpg
http://i199.photobucket.com/albums/aa13/ewanvx/Klannweb2.jpg
What I'd like is to have each sub menu "linked" to its parent
item in the main menu so it appears alongside the parent item
rather than at the top.
How can I make it do this? Or this something to do with the
IE7 glitch I keep reading about?
Also can I just check that when I publish the website, the
flash buttons at the top of the page will actually work as I've got
them all set as links to other pages, but in preview mode these
links don't seem to work.
Its annoying me this as I was unable to get a book on
dreamweaver cs3, so bought a book on dreamweaver 8 which of course
doesn't use the spry system. Everything else seems very similar
though. As I want the same basic layout at the sides and top I'm
using a template which is the page I'm editing in the above pics.
Please help!
E.

OK just managed to resolve the ftp issue. Bit tricky as our
old (average) website is still on the same server.
Anyway please check this link.
http://www.klanntools.co.uk/Contact%20Us%20pagehtm.htm
As you can see it works fine in FF but not in IE7. The child
sub menus keep appearing at the top of the vertical menu
bar.

I have a 27" iMac with a 27" Cinema display. If I have Photoshop running on the cinema display, the menu bar is on the iMac. Is there any add on that I can install to make the menu bar follow the open app?

I have a 27" iMac with a 27" Cinema display. If I have Photoshop on the cinema display, the menu bar is way over on the iMac. Is there any add-on that I can install to make the menu bar follow the open app?

Look at SecondBar gives you a second menubar
<http://blog.boastr.net/?p=3>
Also see DejaMenu
Also see MenuEverywhere (Shareware)
And if you happen to have a Magic Trackpad, the SecondBar author has a very nice BetterTouchTool utility for creating Magic Trackpad gestures. I can not live with out BetterTouchTool on my 27" iMac with 24" external monitor.

How do I get my menu bar at the top of the page with no gaps?

How do I get my menu bar at the top of the page with no gaps? Whenever I move it there is a huge gap at the top of the page which I cant seem to get rid of, i posted about this before but none of the suggestions seemed to work for me. i'm not very good with css so im not really sure where to find the problem. There are generally gaps everywhere which looks at absolute mess, no clue how they got there and why, there is a huge gap underneath my menu bar too which wasnt there before. how do i get rid of this too? its probably some padding a or margin but no clue where.
<!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>Home</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="style2.css" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
#wrapper {
width: 1064px;
margin: 0 auto; /**with width, this centers page on screen**/
background: #FFF;
text-align:center;
.clearing {
clear:left;
height:px;
width: 100%;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> <a href="home.html"><img src="_Business_Cards/banner copy.jpg" alt="banner" width="1064" height="374" align="top" /></a>

<ul id="MenuBar1" class="MenuBarHorizontal">
   <li><a href="home.html">Home</a></li>
   <li><a href="#" class="MenuBarItemSubmenu">Lingerie</a>
     <ul>
       <li><a href="#">Camis & Nightslips</a>        </li>
       <li><a href="#" class="MenuBarItemSubmenu">Garter Belts & Girdles</a>
         <ul>
           <li><a href="#">Tops</a></li>
           <li><a href="#">Bottoms</a></li>
           <li><a href="#">Accessories</a></li>
         </ul>
       </li>
       <li><a href="#">Sets</a></li>
       <li><a href="#">Knickers</a></li>
     </ul>
   </li>
   <li><a class="MenuBarItemSubmenu" href="#">Swimwear</a>
     <ul>
       <li><a href="t-shirt shop.html">Bikini</a></li>
       <li><a href="t-shirt shop.html">Tankini</a></li>
       <li><a href="t-shirt shop.html">One-Piece</a></li>
       <li><a href="#">Monokini</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Men's</a>
     <ul>
       <li><a href="#">Boxer's</a></li>
     </ul>
   </li>
   <li><a href="#" class="MenuBarItemSubmenu">Extras</a>
     <ul>
       <li><a href="#">Bags</a></li>
       <li><a href="#" class="MenuBarItemSubmenu">Dancewear</a>
         <ul>
           <li><a href="#">Leotards</a></li>
           <li><a href="#">Crop Tops</a></li>
           <li><a href="#">Hotpants</a></li>
         </ul>
       </li>
     </ul>
   </li>
   <li><a href="clearance.html">Clearance</a></li>
<li><a href="pastpro.html">Gallery</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<h2> </h2>
<div id="thumbs" width="192">
<p align="center">
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 1064px; height: 561px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-87-105-108-108-105-97-109 -47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-10 1-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false}" data-erName="HomepageSlideshow" data-erTID="{zp7zmhgwl9549847691831}">
          <div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
          <li>
                    <img class="main" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" alt="One-Off Triangular Soft Bra & High-Waist Knicker Set" />
                    <img class="thumb" src="slideshowpictures/966629_346958598773375_2105784298_o.jpg" />
                    <span class="title">One-Off Triangular Soft Bra & High-Waist Knicker Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/thong ebay.jpg" alt="Pink + Aqua Thongs (Part of Nightslip and Thong set)" />
                    <img class="thumb" src="slideshowpictures/thong ebay.jpg" />
                    <span class="title">Pink + Aqua Thongs (Part of Nightslip and Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7405z.jpg" alt="Floral High-Waist Lace Panel Knicker" />
                    <img class="thumb" src="slideshowpictures/DSC_7405z.jpg" />
                    <span class="title">Floral High-Waist Lace Panel Knicker</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0018 copy.jpg" alt="Navy Blue Velvet High-Waist Bikini Set" />
                    <img class="thumb" src="slideshowpictures/DSC_0018 copy.jpg" />
                    <span class="title">Navy Blue Velvet High-Waist Bikini Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_7420.jpg" alt="Pink & Aqua Nightslips (Part of Nightslip & Thong set)" />
                    <img class="thumb" src="slideshowpictures/DSC_7420.jpg" />
                    <span class="title">Pink & Aqua Nightslips (Part of Nightslip & Thong set)</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" alt="Black Floral Bandeau & Lace Girdle Set" />
                    <img class="thumb" src="slideshowpictures/1208838_345346948934540_826580146_n.jpg" />
                    <span class="title">Black Floral Bandeau & Lace Girdle Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1176249_10201020390646766_1642170049_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" alt="Maroon Velvet Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/1012714_10151762577141348_907183642_n.jpg" />
                    <span class="title">Maroon Velvet Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/floral ebay.jpg" alt="Floral/Multi Bikini High-Waist Bottoms" />
                    <img class="thumb" src="slideshowpictures/floral ebay.jpg" />
                    <span class="title">Floral/Multi Bikini High-Waist Bottoms</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_0096 copy9.jpg" alt="Purple & Champagne Bandeau Bikini Tops" />
                    <img class="thumb" src="slideshowpictures/DSC_0096 copy9.jpg" />
                    <span class="title">Purple & Champagne Bandeau Bikini Tops</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" alt="Aqua Polka-Dot High-Waist Bikini" />
                    <img class="thumb" src="slideshowpictures/1005246_10151762745636348_129531182_n.jpg" />
                    <span class="title">Aqua Polka-Dot High-Waist Bikini</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/DSC_73612.jpg" alt="Matching Orange/White Lace Crop Top & Thong Set" />
                    <img class="thumb" src="slideshowpictures/DSC_73612.jpg" />
                    <span class="title">Matching Orange/White Lace Crop Top & Thong Set</span>
          </li>
          <li>
                    <img class="main" src="slideshowpictures/logo h copy.jpg" alt="Logo" />
                    <img class="thumb" src="slideshowpictures/logo h copy.jpg" />
                    <span class="title">Logo</span>
          </li>
</ul>
</div>
          <div data-ertype="layout" data-ertemplateName="NONE" style="">                    <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
                              <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                        <div class="erimgMain_slide">
                                                  <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                        </div>
                              </div>
                              <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                              <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
                    </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                              This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                              <br /><br />
            Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                              <br /><br />
                              <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>
                    </div>
                    <noscript>
                              Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
                    </noscript>
                    <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
          </div>
</div>
</p>
</div>
<hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
<img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" alt="PayPal Acceptance Mark" width="192" height="38" border="0" align="right" />
<div align="left">
<p><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside', 'olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=500');">Copyright © Hannah-Rose 2013 > <a href="about.html">About</a> > <a href="terms and conditions.html">Terms & Conditions </a></p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

@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
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          cursor: default;
          width: 64em;
          margin-bottom: 0px;
          margin-left: auto;
          margin-top: 0px;
          margin-right: 0px;
/* 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-top: -5%;
          margin-right: 0;
          margin-bottom: 0;
          margin-left: 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: #FFF;
          color: #333;
          text-decoration: none;
          font-family: Pristina;
          font-size: 21px;
          font-weight: normal;
          padding-right: 0.75em;
          padding-left: 0.75em;
          padding-top: 0.5em;
          padding-bottom: 0.5em;
/* 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: #FFF;
          color: #666;
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;

How do I get a menu bar at the top of the page?

I upgraded to the latest version of Firefox this morning. I have no menu bar at the top of the page. I did the alt version and then went to help to download the extension like one of the pages said. There were no new extensions.
== This happened ==
Every time Firefox opened
== 8/1/10

Press the Alt key to show the menu bar. Click on View, then Toolbars and tick Menu Bar. Simple as that, it took me 3 hours yesterday to find this out myself by accident.

All of a sudden I can no longer open tabs by clicking "+" or right clicking on the tool bar. To open a new page, I have to open a whole newFirefox window. How can I fix this?

All of a sudden I can no longer open tabs by clicking "+" or right clicking on the tool bar. To open a new page, I have to open a whole new Firefox window. How can I fix this?
Also, Firefox crashes frequently. Is there a fix for this also?

Uninstall the Ask toolbar and it should work again. There is a compatibility issue with the Ask toolbar and Firefox 3.6 that prevents new tabs from being opened.
There are a couple of places to check for the Ask toolbar:
* Check the Windows Control panel for the Ask Toolbar - http://about.ask.com/apn/toolbar/docs/default/faq/en/ff/index.html#na4
* Also check your list of extensions, you may be able to uninstall it from there - https://support.mozilla.com/kb/Uninstalling+add-ons
For the second issue, the [[Firefox crashes]] support article may help.

Force vertical menu bar to stay open on loaded pages

Similar Messages

Maybe you are looking for