ActivityIndicator hide before the loading of the page content.

Similar Questions

• Popup before the page navigation

  Hello.
  
  I'm showing a popup before I have a navigation page. The popup is designed as a loading screen with and animated GIF.
  
  There is a button on the screen, when you click on it it should show the popup and then make navigation. (If the window is displayed until the next load of the page, the navigation link in the taskflow bacuse calls several methods between the two screens)
  
  First tried to use the ShowPopupBehaviour, which I discovered was not possible because he cancel the action of the button when encountered.
  
  Then I tried to do a program like this:
  
  public String cb1_action() {}
  FacesContext context = FacesContext.getCurrentInstance ();
  
  PopupUtil.invokePopup (p1.getClientId (context)); same as popup.show (hints)
  
  
  context.getApplication () .getNavigationHandler () .handleNavigation (null, "next_method_in_taskflow", context);
  
  Returns a null value.
  }
  
  However, it does not, since the popup is not showed.
  
  The question is, how to display the pop-up window before the page navigation is performed.
  
  TIA

  TIA, please tell us your jdev version.

  Your use case is best done using the #027 examples (http://www.oracle.com/technetwork/developer-tools/adf/learnmore/27-long-running-queries-169166.pdf) of http://www.oracle.com/technetwork/developer-tools/adf/learnmore/index-101235.html

  Timo

• How the ExecuteWithParams fire before the page requests?

  I have an existing .jspx page.
  
  I'm so ExecuteWithParams works by a button on the configuration page and returns what I want.
  
  How to make fire ExecuteWithParams before the page requests, so I can get rid of the button?

  Hi Blaine,

  You can add an invokeAction to your pagedef (click the sign under the executable section and select invokeAction +) and associate the ExecuteWithParams method for it (add action ExecuteWithParams binding to the pagedef if you don't have it already). After that, set the refresh of the invokeAction to renderModel.

  Now, the invokeAction would be called when the page is loaded.

  HTH.

  Arun-

• Hit to swipe by articles in my pages are white before the page layouts will appear - please help!

  Swipe through the pages on my Samsung Galaxy some pages show white for a fraction of a second before the page layout appears.

  I first thought it was due to the size of the files, so I reduced their one downloaded article with minimum quality jpg. The folio is only 40 MB.

  It doesn't do this when I saw on my dektop Viewer.

  I'm stuck at why this is happening and how to fix this. Can anyone help?

  Thank you

  Android visual experience is less than stellar. Adobe is working on a

  Viewer native for Android which should make things much better. I do not know

  the release date, but hopefully soon.

• JDev 11.1.2.1 method Execute (with bind variable) before the page is displayed

  Hi all
  
  I have a view object with a query that uses a variable binding. I drag the data on my .jsf page control to create a table. I create a query method on a bean in sight. The query method uses the content of one of the attributes of the bean to set the link for the query variable:
  
  vo.setNamedWhereClauseParam ("CraIdBindVar", sessionBean.getCraId ());
  
  I put a button on the page that calls the method of the request and it fills the table. That's fine, but I don't want the user to have to click the "query" button when browsing this page. I found forums dealing with create an AMImpl.jave method, create a link on the page, create an executable file for the link. It works that the method is executed until the page appears. However, the AMImpl method cannot call sessionBean.getCraid () to obtain the data required to complete the binding variable.
  
  Is it possible to run my method of view range bean before the page is displayed? Or maybe a way for the AMImpl.java method to access the range of view variable?
  
  Thank you, Steve

  Steve,
  You can drag a call method on the workflow activity. Select the new method call activity, and open the property inspector. Here you choose your bean method in the method property. Now, first of all, you go to this activity of method call, then the page.

  Timo

• Run the java code before the page is rendered

  Hello
  
  In a workflow, can I run the code java before the page/view is rendered (i.e. some preprocessing). I need to be able to have access to the links on the page.
  
  Thank you!

  Yes, you can.
  Right-click on the activity of your method call, choose create the definition of the page and you can add the links you need.

• Labels, before the Page dimensions in planning web form

  Hello
  
  Is it possible to have the labels before the page dimensions in planning web forms?
  
  For example: < entity view Page drop-down list > entity products < product drop-down list in Page view >
  
  
  I'm using EPMA 11.1.1.3 version
  
  Thank you
  Naveen Suram

  Hello

  This kind of question has been asked before, take a look at the data in forms customization
  There is nothing available out of the box

  See you soon

  John
  http://John-Goodwin.blogspot.com/

• Muse white space after the body, but before the page footer

  I just changed with almost a complete rewrite of my site and published it in http://www.lowerphotography.com and all is well except for the HOME page. The change was to take advantage of the new sensitive design which is very neat. Before the change of the HOME page was fine. I watched other observations of white space and made sure everything looked good... not hidden things that I could find. The master page works on all pages of the site. But the HOME page after the body and before the footer has this big white/background space after footer. I don't think it's in the master page as it works for all pages I can say. The homepage has texts and pictures on it and a link to another site. But nothing shows that the cause for me. With all the time I've spent on this site a little "bug" which is just a pain trying to get the HOME page to look really good. Suggestions please?

  You can try the solutions in the following positions?

  How to get rid of white space above the footer of Muse

  White spaces that I couldn't get rid of before the footer...

• Newspaper is always flush with incorrect db RAS before the page?

  When commit txn, I think bdb first flush the newspaper into the disc, but can always leave the db changed in the cache page of approx. These incorrect page are emptied on the disc later when the cache close or env of db is full.
  
  Above is just my guess. If it's just, I want to know when to use 'DB_TXN_NOSYNC' to commit txn, bdb could assure newspaper always rinse before hunting dirty page?

  Hi Jerry,

  To answer your questions:
  1 using the DB_TXN_NOSYNC violates the "write-ahead logging he?"

  No DB_TXN_NOSYNC does not violate "write-ahead logging", but the newspaper
  No is not synchronous emptied on the validation of the transaction, this means that
  transactions can be cancelled during recovery. Indeed, transactions can
  do not appear on the disk at all (the database or log file
  updated) If an incident occurs.

  2. before the Bundesverband deutscher BANKEN evacuates its Sales database pages it is always empty
  the journal of the buffer first?

  Yes, when a data page is flushed to the disk, that a check is made to determine
  If the log record that stores the last modification was emptied.
  If not, the newspaper is emptied of memory at least this LSN.

  3. what berkeley db updates the database files?

  The database cache are emptied on the disk in several circumstances:

  If the cache is full then the least recently used page is emptied
  to make room for additional pages.

  Citing the DB-> sync, DB_ENV-> memp_sync() methods will serve the
  cache database:
  http://www.Oracle.com/technology/documentation/Berkeley-DB/DB/programmer_reference/am_sync.html
  http://www.Oracle.com/technology/documentation/Berkeley-DB/DB/api_reference/C/mempsync.html

  As mentioned, the method of DB-> close() empty information cached data to disk.
  http://www.Oracle.com/technology/documentation/Berkeley-DB/DB/api_reference/C/dbclose.html

  If you use something like the memp_trickle method,
  then in this way, a percentage specified pages
  in the cache are clean, writing incorrect pages to their
  backup of files.

  Executes a control point will serve also incorrect pages from the cache
  database disk files.

  Thank you
  Sandra

• Session Losingg points before the page state is sent

  My request for reports has an implementation report and a reset status button.
  I'm putting the URL (see's preferred language
  Re: the value of FSP_LANGUAGE_PREFERENCE in the URL )
  
  The report is displayed when the performance report is displayed
  the delivery to zero cache region report report and then resets the default values.
  
  Which seems to be the case now, is that if I submit the report, fsp_language-preference is stored in session state, but if I do not send the page and press reset I lose all session state information.

  Are clear you the cache somewhere (and therefore also for your language-pref)?

• Including a picture of the Page content in an ePub - using InDesign CC

  Previously, when I used InDesign CS6, including a table of contents (TOC) in an ePub page was very easy. Unfortunately, the process no longer works with InDesign CC.

  An error message appears when I exit the ePub. It says: "Please update TOC with option is anchored text in paragraph source activated.» I made this change to my documents and it still did not fix the ePub resulting.

  If anyone can offer a suggestion on how to resolve this error, I would really appreciate it.

  This seems to be yet another new "downgrade" subsequently CC . It amazes me how there are different problems with the various applications of CC . I'm getting closer to my decision to cancel my subscription to CC and return to CS6 products much more reliable (and stable) in my Adobe Master Collection.

  Myron Achtman

  Vice President

  JESSENYA video Inc.

  Yes, it's a frustrating problem. Since you have rebuilt your table of contents, then the other possible explanation is that you have to be built over a history of OCD that you forgot to update and she was part of the export, or you have copied the contents of the history of OCD and stuck in a TOC non-story that belongs to the export.

  What happens behind the scenes is - this - before CC when InDesign generated the table of contents it was to simply attach a hyperlink to the page number in the table of contents - which was sufficient for PDF Hyperlinks work. Specifically, there is no backlink to the SOURCE of the entry of table of contents, just a reference to the page on which it is.

  In the CC update (I forget which now), we've added more information during the generation of the table of contents entry - in addition to the link to the page that was there before, we add also some special information that allows to recover the source paragraph. It is the lack of information on an older table of contents page number that triggers the error string.

  You are to ignore it, with the result that you will find a page number entry that is not issued as a hyperlink. Unfortunately there is no easy way to try to find this stray entry otherwise than to try to keep trim your export shown down until you isoliez story/content is guilty.

  Now, the idea that the CC updates regarding the EPUB represent a downgrade is ridiculous! Clearly, you have no idea of the two years of work that went from EPUB in CS6, but why should you? Certainly make us easy to find.

  You gave me a good excuse, I thank you, for reminding people about 3 papers that I wrote describing all changes made to each update since the CS6 which should put the rest no idea that CS6 is a safe port, regarding the EPUB working at least.

  http://helpx.Adobe.com/PDF/InDesign_EPUB_Changes_from-CS6-to-cc.PDF

  http://helpx.Adobe.com/content/dam/help/en/InDesign/InDesign_EPUB_Changes_CC_9.0_to_9.2.PD f

  http://helpx.Adobe.com/content/dam/help/en/InDesign/InDesign_EPUB_Changes_CC_9.2_to_10.0.p df

  We have been on a steady pace of two updates per year, which would put the next update... very soon.

  The team is serious about improving the EPUB export so we are interested to hear about the problems and proposed solutions. We have many things to worry already on our list but knowing what are the common pain points really helps us to set priorities.

  Douglas Waterfall

  Architect, engineer of InDesign

• Float .div under the page content

  Hello
  Set up a simple online wallet. As a newbie to CSS, I used four divs, one in the top three in the middle section for the content...
  Now, I want to put a long at the bottom, with the details of copyright etc. but especially a horizontal line.
  Can someone tell me how I place a .div at the bottom of a page using a 'float '.
  The site is: http://www.notjustthenews.co.uk
  Thank you.

  It should work... you need to clear your floats, then add this class to
  your stylesheet:

  {.clearit}
  Clear: both;
  height: 1%;
  }

  then, at the bottom of your code add to this (just before the closing
  tag

  
  
  Here footer information

  Naturally create an ID for the footer and style as required. (I already have
  Add the ID to the footer div in the code).

  --
  Nadia
  Adobe® Expert community: Dreamweaver
  ----------------------------------------
  CSS templates | Tutorials | SEO articles
  http://www.DreamweaverResources.com
  ~ Available customization service ~
  http://www.csstemplates.com.au
  ----------------------------------------------------
  Spry Widget samples
  http://www.DreamweaverResources.com/Spry-widgets/
  ----------------------------------------------------

  "dulcettones" wrote in message
  News:f6an96$3jm$1@forums. Macromedia.com...
  > Hello,
  > Am putting together a simple online wallet. As a newbie to CSS, I have
  > used
  > four divs, one in the leading trio, in the middle section for the content...
  > Now, I want to put a long at the bottom, with the details of copyright etc, but
  > more
  > what is important, a horizontal line.
  > Can someone tell me how to position a .div at the bottom of a page using a
  > 'float '.
  > The site is: http://www.notjustthenews.co.uk
  > Thank you.
  >

• How to stop scrolling 250px from the top of the page content?

  Hello

  Sorry, I couldn't write a better subject line...

  I have links to content on the same page, like "named anchor" of ancient times. Problem is that the page contains a fixed header on 250px high. As content scrolls upward all the way to the top of the page, the top of 250px page are hidden by the header.

  Are there ways that I can stop content top of page 250-300px?

  The header must be there, fixed.

  One way of course is to raise the anchor tag 250-300px on the page that the content actually is. But it seems a bit expensive...

  Hope that I managed to explain...

  A very simple way to do this is with CSS and a combination of relative and absolute positioning.

  It's the element that is bound to

  . Anchor {}

  position: relative;

  }

  . Anchor span {}

  position: absolute;

  top:-250px;

  }

  The ID (or named anchor) is in the empty space, which is the position absolute 250px above the element you are linking. The empty space is at the top of the page, and the bound element is below 250px.

  Give the position set a z-index to ensure that the content above the bound element is not displayed in front of her.

• Before the footer content.

  I want my footer fixed to the bottom of the window.  What I did with success; However, when I scroll my content go in front of my footer instead from behind it.  I fixed the footer on the master page to be at the front.  I fixed the content on my page of the child to be in the back, but the problem persists.  What I am doing wrong?

  To put it simply, try to create a new layer for all the contents of the page master and another layer of all the content on the page. Then move up the Master Page layer in the layers panel.

  Thank you

  Vinayak

• The page content will not be displayed in IE 7 &amp; 8

  I'm going to understand problems why content after the Spry Menu will not display in IE 8, and the page appears at all in IE 7. Seems

  http://nowagenewmedia.com/Organica/

  CSS

  * {
  vertical-align: baseline;
  Police-weight: inherit;
  do-family: inherit;
  font style: inherit;
  do-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  }
  {#outerWrapper}
  Width: 960px;
  margin-top: 10px;
  margin-right: auto;
  left margin: auto;
  border: 3px solid #CCC;
  }
  {#contentWrapper}
  Width: 100%;
  overflow: auto;
  Clear: both;
  }
  #header {}
  Width: 960px;
  height: 160px;
  }
  #sidebar {}
  float: left;
  Width: 225px;
  height: 400px;
  background-color: #FFF;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC;
  }
  #content {}
  float: left;
  Width: 734px;
  background-color: #FFF;
  }
  {#navbar}
  float: left;
  height: 35px;
  Width: 960px;
  Clear: both;
  }

  Page

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
  < title > Untitled Document < /title >
  < link hand. CSS"rel ="stylesheet"type =" text/css"/ >
  "< link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css "rel ="stylesheet"type =" text/css"/ >
  "< script src="Spry-UI-1.7/includes/SpryDOMUtils.js "type =" text/javascript"> < / script >
  "< script src="Spry-UI-1.7/includes/SpryDOMEffects.js "type =" text/javascript"> < / script >
  "< script src="Spry-UI-1.7/includes/SpryWidget.js "type =" text/javascript"> < / script >
  "< script src="Spry-UI-1.7/includes/SpryMenu.js "type =" text/javascript"> < / script >
  "< script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js "type =" text/javascript"> < / script >
  "< script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js "type =" text/javascript"> < / script >
  < style type = "text/css" >
  / * BeginOAWidget_Instance_2141544: #MenuBar * /.
  / * Values for skinning a basic through presets menu. If the default settings are not sufficient, most count should be done in
  These rules, except for the images used to down or to the right pointing arrows, located in the SpryMenuBasic.css file
  
  They take the following classes of widget for layout of menu (located in a "Preset")
  . MenuBar - applies to all menu bars - default is a horizontal bar, all submenus are vertical - level 2 subs and beyond are drop down to the right.
  . MenuBarVertical - vertical main bar; All submenus are drop down to the right.
  
  You can also pass in extra classnames to set your desired top-level menu bar layout. Normally, they are defined by using a predefined setting.
  They apply only to the horizontal menu bars:
  MenuBarLeftShrink - the menu bar will be horizontally "shrinkwrapped" be just big enough to hold his items and left-aligned
  MenuBarRightShrink - as MenuBarLeftShrink, but right-aligned
  MenuBarFixedLeft - set to a specified width defined in rule "." MenuBarFixedLeft', and left-aligned.
  MenuBarFixedCentered - Fixed to a specified width defined in rule "." MenuBarFixedCentered',.
  and centered in its parent container.
  MenuBarFullwidth - expands to fill the width of the parent container.
  
  In general, all the rules specified in this file are prefixed by #MenuBar so that they don't apply to instances of the widget inserted along
  with the rules. This allows use of multiple MenuBarBasic widgets on the same page with different layouts. Due to limitations in IE6.
  There are a few rules where this was not possible. These rules are so noted in the comments.
  
  */

  {#MenuBar}
  background-color: #003300;
  do-family: "Lucida Sans Unicode", "Lucida Grande", without serif. / * Specify the fonts on the bar menu and submenu MenuItemContainer, so MenuItemContainer.
  MenuItem and MenuItemLabel
  at a given level all use the same definition for ems.
  Note that this means that the size is also inherited from the submenus of the child,
  so be careful when using other than relative sizes
  100% on the fonts submenu. */
  make-weight: bold;
  font size: 13px;
  make-style: normal;
  padding: 0;
  }
  / * ATTENTION: because ID + class selectors do not work correctly in IE6, but we want to restrict these rules to all this
  instance of widget, we used the concatenated string classnames to our selectors for the type of layout of the menu bar
  in this section. These have very low specificity, so be careful not to overstep accidentally. */

  . MenuBar br {/ * using only a class, so there same specificity that the "."} MenuBarFixedCentered br' rule bleow * /.
  display: none;
  }
  . {MenuBarLeftShrink}
  float: left; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarRightShrink}
  float: right; / * shrink the content, but also to float the menu bar * /.
  Width: auto;
  }
  . {MenuBarFixedLeft}
  float: left;
  Width: 100%;
  }
  . {MenuBarFixedCentered}
  float: none;
  Width: 100%;
  margin-left: auto;
  margin-right: auto;
  }
  . MenuBarFixedCentered br {}
  Clear: both;
  Display: block;
  }
  . MenuBarFixedCentered. Submenu br {}
  display: none;
  }
  . {MenuBarFullwidth}
  float: left;
  Width: 100%;
  }

  / * Top level bar small objects - these actually apply to all items and get substituted for the submenus level 1st or successive * /.
  #MenuBar. {MenuItemContainer}
  padding: 0px 0px 0px 0px;
  margin: 0;
  / * Zero margin on the containers of items. The MenuItem is the active area of hover.
  For most elements, we have padding top or bottom or border only on MenuItem
  or a child so we keep all tiled submenu with elements.
  Definition of this 0 avoids the "dead zones" to hover. */
  }
  #MenuBar. {}, MenuItem
  padding: 0px 10px 0px 10px;
  background-color: transparent;
  border-left: 1px solid #FFF;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  }
  #MenuBar. {MenuItemFirst}
  border-style: none none no none;
  }
  #MenuBar. {MenuItemLast}
  border-style: solid none none none;
  }

  #MenuBar. MenuItem. {MenuItemLabel}
  text-align: left;
  line-height: 1.4em;
  color: #ffffff;
  background-color: transparent;
  Padding: 6px 6px 15px 15px;
  Width: 10em;
  Width: auto;
  }
  . SpryIsIE6 #MenuBar. MenuItem. {MenuItemLabel}
  Width: 1em; / * Equivalent to min-width in modern browsers * /.
  }

  / * First level of submenu items * /.
  #MenuBar. Submenu. {}, MenuItem
  do-family: Arial, Helvetica, without serif.
  make-weight: bold;
  do-size: 12px;
  make-style: normal;
  background-color: transparent;
  padding: 0px 2px 0px 0px;
  border-width: 1px;
  border color: #cccccc #cccccc #cccccc #cccccc.
  / * Border styles are replaced by first and last items * /.
  border-style: solid solid no solid;
  }
  #MenuBar. Submenu. {MenuItemFirst}
  border-style: solid solid no solid;
  }
  #MenuBar. Submenu. MenuItemFirst. {MenuItemLabel}
  padding-top: 6px;
  }
  #MenuBar. Submenu. {MenuItemLast}
  border-style: solid solid solid solid;
  }
  #MenuBar. Submenu. MenuItemLast. {MenuItemLabel}
  padding-bottom: 6px;
  }
  #MenuBar. Submenu. MenuItem. {MenuItemLabel}
  text-align: left;
  line-height: 1em;
  background-color: transparent;
  color: #ffffff;
  padding: 5px 6px 6px 12px;
  Width: 7th;
  
  }

  / * Hover States for containers, objects and labels * /.
  #MenuBar. {MenuItemHover}
  background-color: transparent;
  border color: #cccccc #cccccc #cccccc #cccccc.
  }

  #MenuBar. MenuItemWithSubMenu.MenuItemHover. {MenuItemLabel}
  background-color: transparent; / * expose this propeller separately * /.
  color: #999999;
  }
  #MenuBar. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #999999;
  }
  #MenuBar. Submenu. {MenuItemHover}
  background-color: #003300;
  border color: #cccccc #cccccc #cccccc #cccccc.
  }

  #MenuBar. Submenu. MenuItemHover. {MenuItemLabel}
  background-color: transparent;
  color: #999999;
  }
  / * The submenu - first-level submenus properties * /.
  #MenuBar. {SubMenuVisible}
  background-color: #003300;
  min-width: 0%;  / * This prevents the menu being lean that the parent MenuItemContainer - but not available on ie6 nice to have * /.
  border-color: #ffffff #ffffff #ffffff #ffffff.
  border-width: 0px;
  border-style: none none no none;
  }
  #MenuBar.MenuBar. SubMenuVisible {/ * menu bar horizontally for only * /}
  top: 100%;    / * 100% is at the bottom of menuItemContainer parent * /.
  left: 0px; / * "left" may need tuning according to borders or padding applied to the bar MenuItemContainer or MenuItem,.
  and your personal taste.
  0px align left drop-down list with the content of the MenuItemContainer area. Assuming you keep the margins 0
  on MenuItemContainer and on the parent MenuItem
  menu bar, which in fact equals the sum of padding-left MenuItemContainer & MenuItem align
  the drop-down menu to the left of the menu item label.*.
  z-index: 10;
  }
  #MenuBar.MenuBarVertical. {SubMenuVisible}
  Top: 0px;
  left: 100%;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  }
  / * The sous-menu--deuxieme submenu level properties and beyond - are visible to descendants. MenuLevel1 * /.
  #MenuBar. MenuLevel1. {SubMenuVisible}
  background-color: #003300;
  min-width: 0px; / * Do not neeed to match the width of the parent MenuItemContainer - elements will avoid total collapse * /.
  Top: 0px;    / * If you want, you can move this down a smidge to separate the top item "submenu s of menubar.
  It is really necessary only for the submenu on the first point of MenuLevel1, or you can make it negative to make the submenu
  vertically 'centered' about his call to * /.
  left: 100%; / * If you want to move the submenu on the left to partially cover the point of his call, you can add a margin to the left with a
  negative value to this rule. Alternatively, if you use the elements of fixed width, you can change this value on the left
  to use px or ems to get the desired offset. */
  }
  / * IE6 rules - you can remove these if you do not want to support IE6 * /.

  / * Note about several classes in IE6.
  Some rules above use several class names to an element of selection, such as "hover" (MenuItemHover) and 'a a submenu' (MenuItemWithSubMenu).
  * give the selector '. MenuItemWithSubMenu.MenuItemHover'.
  * Unfortunately, IE6 does not support using mutiple classnames in a selector for an element. For a selector like '. foo.bar.baz', IE6 does not take into account
  * all but the final classname (here, ".baz") and defines the specificity in consequence, with only one of these classs as significant. To work around this problem
  * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate classnames for IE6, such as "MenuItemWithSubMenuHover".
  * Given that many of these necessary, the plugin does not generate additional classes for modern browsers, and we use the copies of CSS2 style class
  * syntax for that. Since IE6, both apply the rules where the
  * It should not and gets the specificity wrong too, we have rules of order carefully, then misapplied rule in IE6 can be overridden.
  * So we put first the multiple class rule. IE6 wrongly apply this rule.  We follow this with the single class rule that it would be
  * replace by mistake, by ensuring that the specificity of IE6 interpreted as is the same as the unique class selector, so the latter wins.
  * We then create a copy of the rule of multiple class, adding a "." SpryIsIE6' in the context of the class and to ensure that the specificity
  * the selector is high enough to beat the rule of single class in the case of "match of these two classes. We place the rule of IE6 at the end of the
  * block of css styling to make it easy to remove if you want to drop support for IE6.
  * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
  * The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the need of IE conditional comments to these rules.
  */
  . SpryIsIE6 #MenuBar. MenuBarView. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #999999;
  }
  . SpryIsIE6 #MenuBar. MenuBarView. Submenu. MenuItemWithSubMenuHover. MenuItemLabel / * selector IE6 * /}
  background-color: transparent; / * expose this propeller separately * /.
  color: #999999;
  }
  . SpryIsIE6 #MenuBar. Submenu. Submenu / * selector IE6 * /}
  left margin:-0px; / * Offset at least part of a version of 'double upholstery' bug IE6 'double margin "* /.
  }

  
  / * EndOAWidget_Instance_2141544 * /.
  < / style >
  < script type = "text/xml" >
  <!--
  < oa:widgets >
  < oa:widget wid = binding "2141544" = "#MenuBar" / >
  < / oa:widgets >
  ->
  < /script >
  < / head >

  < body bgcolor = "#17321A" >
  < div id = "outerWrapper" >
  < div id = "header" > < img src = "media/header.jpg" width = "960" height = "160" alt = "organica title" / > < / div > "
  < div id = "navbar" >
  < ul id = "Menu bar" >
  < li > < a href = "#" > home < /a > < /li >
  < li > < a href = "#" > Organica kitchen < /a >
  < ul >
  < li > < a href = "#" > Menus < /a > < /li >
  < li > < a href = "#" > Catering < /a > < /li >
  < /ul >
  < li > < a href = "#" > Bar juice < /a > < /li >
  < li > < a href = "#" > produce < /a > < /li >
  < li > < a href = "#" > grocery store < /a > < /li >
  < li > < a href = "#" > < /a > < /li > body care
  < li > < a href = "#" > events < /a > < /li >
  < li > < a href = "#" > Contact < /a > < /li >
  < ul >
  < li > < a href = "#" > Directions < /a > < /li >
  < li > < a href = "#" > job < /a > < /li >
  < /ul >
  
  < script type = "text/javascript" >
  BeginOAWidget_Instance_2141544: #MenuBar
  var MenuBar = new Spry.Widget.MenuBar2 ("#MenuBar", {}
  widgetID: "Menu bar",
  widgetClass: 'MenuBarFullwidth the menu bar. "
  insertMenuBarBreak: true,
  mainMenuShowDelay: 100,.
  mainMenuHideDelay: 200,.
  subMenuShowDelay: 200,.
  subMenuHideDelay: 200
  });
  EndOAWidget_Instance_2141544
  < /script >
  < / div >
  < div id = "contentWrapper" >
  < div id = "sidebar" > < / div >
  < div id = "content" > < / div >
  < / div >
  < / div >
  < / body >
  < / html >

  You have some tags not closed in the html code. Here's what your code should look like the openingtag to the closingtag. It's a good idea to 'comment' where your

  end of tags. In the code, you will see that I did this like:
  . Some people like to put "comment" inside the closing like tag: If you move it then
  the comment goes with it.
  
   

  

  
   

  
   

  
       
  • Homepage
  
  
  • Organica food
    
    
    
    • Menus
  
  
• Restoration



• Juice bar


• Produce a


• Grocery


• Care of the body
• Events


• Contact


• Directions


• Job




       
   

   
Sidebar

   
Content