Menu bar not displaying in browser preview.

After inserting my menu bar it doesn't display when I preview it in my browser. I have a rectangle sectioned for my main navigation menu and the menu bar sits on top of it...could this be causing it to not be seen? Also, it showed only once after pinning it...but that isn't what I want because when the page scrolls up and down the menu sits stationary...but it allows it to show??
Anyone have this issue or have a fix?
Thanks,
Lee

<header> and <footer> are html5 semantic tags. Old non-html5 browsers (like IE8) don't know how to handle them without a little help.
Add this code to your <head>

Or better yet, download the .js file and add it to your site, then link to it, that way you won't depend on third party servers keeping the file in the same location...
http://code.google.com/p/html5shiv/

Similar Messages

Css not displaying in browser preview

I have created 6 pages for a website in Dreamweaver, and as I worked I continuously previewed all my pages in Google Chrome. Then near the end of my work, the css formatting stopped previewing in the browser. The html shows up correctly, but the css does not show up at all for any page. They all show up perfectly in Live view, but not in the browser preview. I have checked the links for the css files, and I have tried multiple browsers. Any suggestions??
Thanks so much!

Are you working within a defined local site folder? This is necessary for DW to manage your links and assets. Go to Site > New Site or Manage Sites. See screenshot.
Are your links to external style sheets correctly pointing to files in your site folder or incorrectly pointing to files:/// on your local hard drive? See link below for details on how to link HTML pages to external style sheets.
Dreamweaver, Linking HTML to External Style Sheets
Finally, run your code through the W3C validation tools and fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

Horizontal Menu Bar not displaying when published as it views in live view or preview

I am working on putting together our site and haven't used Dreamweaver in years so very rusty. I have a horizontal menu bar that is working properly in "live view" and in "preview" mode but when I publish the submenus are not working.
You can view the site at www.pulsecc.org
Any help will be greatly appreciated.

Thank you so much! That's a little frustrating how long I pulled my hair out trying to figure something this simple out!
Thanks again!

Horizontal Menu Bar - Not displaying correctly in Internet Explorer

My issues are occuring in Internet Explorer 8 and 7, haven't tested earlier versions.
I am currently using DW CS5, Spry 1.6.1
The website (not yet complete) is at www3.sympatico.ca/mitchell.richard/
The menu bar as viewed in Firefox is correct. In Internet Explorer the menu bar is left justified, hides visited links, and lists horizontal menu items in reverse order.
I work for a Women's Shelter in Canada, as the Information Systems Manager. We don't have the funds to hire someone to build a website and it was decided and I quote "You know computers, you can buld the website". I couldn't get them to understand the analogy that just because a Neurosurgeon can use a scalpel he isn't a Cardiothoracic Surgeon... needless to say, I am floudering on this menu bar. Any help would be greatly appreciated.
Below is the source for my menubar
CSS
@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: 12pt;
    cursor: default;
    width: inherit;
    font: calibri;
    font-family: Calibri;
    font-weight: bold;
    background-color: #4F91CD;
    /* [disabled]height: 27px; */
    /* [disabled]border-bottom: 1px solid #A7C9E5; */
    /* [disabled]border-top: 1px solid #A7C9E5; */
/* 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: 6
.em;
    float: right;
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #4F91CD;
    padding: 0.2em 0.75em;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #A7C9E5;
    border-top: 1px solid #A7C9E5;
/* 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: #A7C9E5;
    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: #A7C9E5;
    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
    /* [disabled]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
    /* [disabled]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
    /* [disabled]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
    /* [disabled]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 ifram=e
    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;
HTML
<tr>
    <td colspan="10" class="navbarrepeat"><ul id="navbar" class="MenuBarHorizontal">
      <li><a href="contact_us.html">Contact Us</a>        </li>
      <li><a href="helpful_links.html" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="helpful_links.html">Helpful Links</a></li>
          <li><a href="community_agencies.html">Community Agencies</a></li>
          <li><a href="of_interest.html">Of Interest</a></li>
</ul>
      </li>
      <li><a href="checklist.html" class="MenuBarItemSubmenu">Safety</a>
        <ul>
          <li><a href="safety_checklist.html">Safety Checklist</a></li>
          <li><a href="things_to_bring.html">Things to Bring</a></li>
          <li><a href="child_safety_plan.html">Child Safety Plan</a></li>
</ul>
      </li>
      <li><a href="signs.html" class="MenuBarItemSubmenu">Abuse</a>
        <ul>
          <li><a href="what_is_abuse.html">What is Abuse?</a></li>
          <li><a href="signs.html">Signs of Abuse</a></li>
          <li><a href="characteristics.html">Characteristics</a></li>
          <li><a href="why_women_stay.html">Why Women Stay</a></li>
          <li><a href="donate.html">Survivors Speak</a></li>
        </ul>
      </li>
      <li><a href="donate.html" class="MenuBarItemSubmenu">Support Us</a>
        <ul>
          <li><a href="donate.html">Donate</a></li>
          <li><a href="events.html">Events</a></li>
          <li><a href="volunteering.html">Volunteering</a></li>
          <li><a href="statistics.html">Statistics</a></li>
</ul>
      </li>
      <li><a href="join_us.html">Join Us</a>        </li>
      <li><a href="our_story.html" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="residential.html">Our Services</a></li>
          <li><a href="our_mission.html">Our Mission</a></li>
          <li><a href="our_story.html">Our Story</a></li>
          <li><a href="board_of_directors.html">Board of Directors</a></li>
        </ul>
      </li>
    </ul></td>
    <td><img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>

/* 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: 6
.em;
     float: right;
The red coloured line causes your menu to be displayed the wrong way round in FF. IE shows the menu as you have listed it with Contact Us as the first item.
Advice:
change the float to left so that the listed items start on the left hand side
change the listed items in the order that you want them to appear.

Menu bar not displaying inline with logo (Spry menu troubles - Extra Credit!)

Coding Brothers and Sisters!
Hope you all are well - would anyone please assist me to display inline the logo and menu bar at the following page?
     http://gratefulcreative.com/Andre_Madiz/index.html
Superbonus, Adobe All-star points for help with my Spry Menu Bar, which is not showing submenus. I get an error message saying the following:
     This document contains Javascript code for a widget that no longer exists. If you don't remove the code, the browser might display Javascript errors when loading the page. Would you like Dreamweaver to find all the
     instances of the code for you?
     Widget: var Menu Bar 1 = New.Spry.Widget.MenuBar ("MenuBar1"; {imgdown:"SpryAssets/SpryMenuBarDownHover.gif",imgRight:"SpryAssets/SpryMenuBarRightHover .gif"});
Thank you as always!
Ken D
Creative Director
Grateful Creative
www.gratefulcreative.com

Use CSS floats. Posted here with inline styles for expediency. Ideally, you should set-up some re-usable classes for floats & clearing in your external style sheet.
<div style="float:left; width:250px">
<a href="http://www.andremadizmma.com"><img src="images/Bulldog_logo3.png" border="0"></a>
</div>
More on Floats:
http://css.maxdesign.com.au/floatutorial/
(='.'=)
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Menu bar not displaying in Internet Explorer 8

I recently created the webpage http://sterlingfamilyfarm.com/index.html in Dreamweaver CC.
I tested the site with http://jigsaw.w3.org/css-validator/ and http://validator.w3.org/ and all seemed good.
But the menu bar is not displaying in IE8... it's displaying as a bulleted list instead.
Also the footer is not displaying properly (not centered, no background color).
Any help would be greatly appreciated.
Thank you!
Patrick

<header> and <footer> are html5 semantic tags. Old non-html5 browsers (like IE8) don't know how to handle them without a little help.
Add this code to your <head>

Or better yet, download the .js file and add it to your site, then link to it, that way you won't depend on third party servers keeping the file in the same location...
http://code.google.com/p/html5shiv/

Menu Bar Not Displaying Correctly

Hi,
I am building a website locally and have developed the menu bar in Fireworks. When I preview the page in IE I get a strange strip running across the top of the bar, but it displays fine in Firefox. I have posted this in the Fireworks discussion without much luck, can anyone help?

Thanks for the response, but as mentioned I am still building the page locally, there is no URL yet so I can't post a link.
When I import the Fireworks HTML, the top line of code is:
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1001">
I wonder if the display field needs to be different?

Menu bar not displaying properly

On boot-up I am have a recurring problem. About 80% of the time I login to my account (1 user, auto logs in on startup), several menu bar icons do not load. This includes 3rd party icons and 2nd party icons (built-in). It's difficult to compare the menu bar with everything loaded properly and when some things are missing because I can't look at both at once =/ . The noticeable absences include lack of battery status icon, wifi connectivity icon, and iStat menus CPU usage. Even when I go to System Preferences to make sure that it says "Show ____ status in menu bar" is checked, and when I uncheck and recheck it, nothing happens. Oftentimes I just have to log out and log back in, however it usually doesn't work. Any ideas as to what might be causing this.

The menu bar extras are handled by SystemUIServer, which evidently is having a problem with something you have installed. While it seems to be more robust in Leopard than it was in earlier versions of Mac OS, it can still choke up on third party things (it used to choke even on some Apple menu bar extras). First take a look in your startup items, and see what, if anything, is there and loading menu bar extras, make a note of what it is so you can add it back later, and delete it.
Then try deleting the preference list for SystemUIServer:
/Users/yourname/Library/Preferences/com.apple.systemuiserver.plist
and also the cache file for it:
/Users/yourname/Library/Preferences/ByHost/com.apple.systemuiserver.0017f20dca84 .plist
Log out and back in. Now go to the Apple items and re-enable the ones you need. Run for awhile and restart. Next add ONE of the third-party items back and see how things go. Each time you restart put another item back. You ought to eventually figure out which one is causing the problem. You'll have to learn to live without it, or check to see if the program that has it has an updater for Leopard.
Francine
Francine
Schwieder

Help - My Horizontal menu bar does display

I have read other posting on similar problems and tried those suggestions. But I still can get my menu bar to display.

Your support has no clue. The problem is that the code on the page is looking for the Spry asset files with these links -
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
But the page itself is already at the root of the account, so there is NO ability to go up one folder level as the code you have on the page directs. Furthermore, if I browse to this location -
http://www.jarthurssalon.com/SpryAssets/SpryMenuBar.js
which is where the asset files SHOULD be found if you have in fact uploaded them, I get a file not found message. You need to do two things -
1. Fix the code on the page (in the head) to be like this -
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
2. UPLOAD THOSE TWO FILES TO THE REMOTE SITE.

Does anyone know why all of a sudden any new parent divs I add won't display in browser preview?

Does anyone know why all of a sudden any new parent divs I add won't display in browser preview?

yes styles are applied. What does not show up are the container divs - they all have the thin purple borders.
The "Blog Lovers" image shows up but it is inside the #blogindex div - which seems to be invisible because the elements inside #blogindex div are just piled on top of each other. (see below html) This is now happening on all the pages of this site.
(I test a different site in DW and I was able to add divs and borders and content inside divs just fine.)

     <div id="blogindex">
        <div id="blog_image1"><img src="images/bloglovers.gif" alt="Blog Lovers" /></div>
         <div id="blog_image2"><img src="images/gcblogheader350x70.jpg" alt="Gina Charles Blog" /></div>
      <div id="blogindex_text">
      <p class="blackbolditalic">Visit the blog for happenings, highlights and conversation! </p></div>
      </div>
   
http://www.newworldapparel.com/tests/ -scroll 1/2 way down page to see the "Blog Lovers" pile up!

Message Code STA1-217 - Menu bar not created

Hello,
I have developed one report and in that i am getting the below message in "Code Inspector".
"Message Code STA1-217 - Menu bar not created"
I tried to delete the menu bar from pf status but still getting the same message.
I have searched it on Google but did not get correct hit.
Any suggestion/help in this regard will be appreciated.
Thanks & regards,
Rahul

Moderator message - Welcome to SCN
Please post in the correct forum. I'll move it for you.
Please read [Rules of Engagement|https://wiki.sdn.sap.com/wiki/display/HOME/RulesofEngagement], How to post code in SCN, and some things NOT to do... and [Asking Good Questions in the Forums to get Good Answers|Asking Good Questions in the SCN Discussion Spaces will help you get Good Answers] before posting again.
Rob

Vendor Ref. no. not displayed in print preview in vendor aging report

Dear SAP team,
Vendor reference number is not displayed in print preview/print on vendor liabliteis aging report,
but this vendor reference number actually show in report,We are taking report by journal postings,
vendor reference entered in NumAtCard in AP invoice get copied to Ref2 in Journal Entry,then
why it is not showing in print preview/print.
Whether this is an application error / missing functionality ?
We are using SAP Business One 2005 B (7.40.252) SP: 00 PL: 36.
Whether upgrade to latest patch 2005B PL46 will solve this issue ?
Jeyakanthan

Hello Jeyakanthan,
I would like to draw your attention to the enhancements we delivered within Aging Report in 2007 version and plan for 8.8 release.
The primary enhancement in 2007 version is reflecting new concept of Internal Reconciliation with more convenient backward reporting.
Within the 8.8 release ...
- when you generate the aging report you can group the report by customer or sales employee in the customer receivables aging report, and by vendor or buyer in the vendor liabilities aging report;
- when the aging report has been generated, you can view multicustomer/multivendor detailed information in the aging report window. There is no need to double-click each customer/vendor row to view the details.
We would strongly to recommend you to upgrade to 2007 version or join the ramp-up of 8.8 release soon.
Peter Dominik
B1 Solution Management

Adobe Reader X 10.1.1: PDF does not display in browser

Hello,
If I click on a link to a PDF-file, this PDF-file does not display in browser eventhough I have checked "Display PDF in browser" (Preferences ==> Internet ==> Web Browser Options) but instead Adobe Reader X opens the PDF-file outside browser. What is wrong?
Thank you for your help.

I solved the problem. I used Internet Explorer, 64-bit. If I use Internet Explorer 32-bit the PDF-file displays in browser. If I use Internet Explorer 64-bit Adobe Reader X opens the PDF-file outside browser.

I do not manage to find the function to change a letter into exposing. I have MUSE DC 2014.2 and the menu does not display this possibility. I tried to import it IN design but that does not function either?

I do not manage to find the function to change a letter into exposing. I have MUSE DC 2014.2 and the menu does not display this possibility. I tried to import it IN design but that does not function either?

I'm not clear on exactly what it is you're asking, but if you're referring to changing opacity, you can change the opacity setting for the States of a menu item via the States panel and Control Strip.

Why is the Time Machine icon in menu bar not spinning when backing up? It stop working when I changed to Maverick.

Why is the Time Machine icon in menu bar not spinning when backing up? It stop working when I changed to Maverick.

my imac came with lion and don't think it ever span with lion and mtn lion and now maverick not sure if it's a setting

Menu bar not displaying in browser preview.

Similar Messages

Maybe you are looking for