Navigation bar issues

When I view my publication in the content viewer, some buttons in the navigation bar are having issues.
The back button does not always take me to the last page viewed.
The Table of Contents button does not always take me to the first page of an article. Instead, it takes me to the last page I viewed within that article. Likewise, the browser does not display the first page of every article...if another page was viewed that is the first one displayed.
I have the latest set of tools and have re-installed the content viewer on my iPad.

Thanks Bob...that helps me understand some of what I thought were "issues."
I still am finding that the back button is behaving very erratically. Sometimes it goes back to previously viewed page, other times it's a completely random page.
Also, is there an easy way, when within an article, to go back to the top/first page of article?''
Thanks again.

Similar Messages

My navigation bar issue

I am trying to create a template page for a site with a roll-over button navigation bar.
I can’t seem to make each pg different,
I’d like for a different button to start down on each pg depending on which pg they are on.
I have tried putting an editable region around the entire nav bar or around each button sep. then I save it as a template. When I start a new page using that template, it will not let me decide which button starts in the down position. It says it is locked. I cant figure out where to put the editable region. Nothing is working. It always says ‘locked’
Thank you

Here are some tips I wrote up recently:
Premise: Templates may be used: All styling MUST be controlled from the CSS Stylesheet; ONLY variation from vanilla menubar will be ids applied to all list items. Because it will all be controlled from the Stylesheet, you don't need to go into each page's menu to adjust it.
Body ID: Every page must have an id placed on the Body or a containing div: This may be accomplished with an editable attribute. Example: <body id="homepage"> Or use a div that wraps the menubar. Example: <div id="homepage">. The idea is to have a unique way to specify that particular page and its particular corresponding menu item.
List Item ID: Every menu item must be ID'd if contextual hover/display is required and to avoid the necessity for custom-editing every page's menubar in situ.
Example: <li id="home"><a href="home.html">Home</a></li>
Now, in your CSS file, you set styles for rollover. If you are using a Spry MenuBar, here are the styles to look for:
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
This would be whatever styling you have already decided on for the 'normal' rollover and focus. It will apply to all hovered and focused list items (menu items).
You will ADD style selectors that specifically style each list item contextually on its own page. For instance, on the page that has id="homepage" (your index page!), you want the "home" button to be highlighted. For illustration, let's add a couple more pages, #aboutuspage li#aboutus, #contactuspage li#contactus
So in the CSS, do this:
#homepage ul.MenuBarHorizontal #home a,
#aboutuspage ul.MenuBarHorizontal #about a,
#contactuspage ul.MenuBarHorizontal #contactus a,
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
Notice that I have added the additional selectors to the original (you want to KEEP the original rollover!), and used commas to separate them. Don't put a comma after the last one in the list...follow the example.
I have also left off the :hover part of the selector, because you want the #home button to ALWAYS be highlighted when the #homepage is open, not just when it is hovered over. The more general selector in thelist -- the original one -- will take care of the hovering.
This should be all you need to do...be careful and thorough, and you will be able to control it all through the CSS!
Please work through this information and let me know if anything is confusing. I should be back online this evening; for sure tomorrow morning.
Beth
(edited to adjust the placement of the list item id)
Message was edited by: Zabeth69

Skin Navigation Bar Issues

In my adobe captivate projects I have at least 5 slides with video. Reversing the videos or scrolling forward using the the navigation bar head is very clunky. Is there a way to have a separate navigation bar in each slide to allow more precise movement within the project?

Duelling Playbars!
You've made my day. Best new expression I've heard in a long time.

Navigation bar issue after up 3.6.4 (enter or clic after entering url doesn't work)

After updating FF to 3.6.4 i can't no longer enter an URL on the nav bar then hit enter or clic on the arrow, nothing happens.
I can open pages from History or favorite but cannot use the back or forward arrow.
Tried to use FF in safe mode without plugins but the issue is still there
Thanks
== This happened ==
Every time Firefox opened
== Updating to 3.6.4 ==
== User Agent ==
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)

I managed to find the Unlock option...
I tried Verify Disk and it only could do that to a point then it failed. It told me to Repair Disk and that failed...
It says:
Verify and Repair volume "Macintosh HD"
Checking storage system
Checking volume.
disk13: Scan for Volume Headers
Invalid Volume Header @ 0: incorrect block type
Invalid Volume Header @ 318894403072: incorrect block type
disk13 is not a CoreStorage volume
Error: Storage system verify or repair failed.
This is a bad thing isn't it?
Isn't it better to maybe restore it from the Time Machine Backup?
Or reinstall Mac OS X?
Thanks for all your help sig! Much Appreciated!!

Navigation Bar Alignment Issues

I put in a script for a navigation bar at my site. You can
see it at: www.bonedoc.net/nindex2.html
However, the drop down submenu for "Services" is not aligning
up correctly. I've been over the code for the page and the css for
an hour now and can't figure it out.
Can anyone see what I'm missing please?
Thanks in advance.

Hello,
Your service submenu div is inside the ourphysicians div.
The positioned ourphysicians div has a class of "submenu",
which has
top:23px,.
The service submenu div also with a class oif "submenu" , so
it also has
position top:23px.
The problem is that it's 23px from the top of the
ourphysicians div which it
is in, and that div is already 23px from the top of the
navbar.
Positioned divs take their position from their positioned
parent.
You can quickly test this by changing the top value to 0 in
the
services_submenu CSS:
#services_submenu { top: 0px; left: 222px; visibility:
hidden; }
It aligns correctly now, as it is positioned inside the very
top of the
ourphysicians div, so now it, too, is 23px from the top of
the navbar.
Just remove the service div from inside the ourphysicians div
in the code,
or give it a 0 top position so it's aligned at the top of the
ourphysicians
div it is inside.
Take care,
Tim
"MCInteractive" <[email protected]> wrote in
message
news:gh4vuk$jku$[email protected]..
>I put in a script for a navigation bar at my site. You
can see it at:
> www.bonedoc.net/nindex2.html
>
> However, the drop down submenu for "Services" is not
aligning up
> correctly.
> I've been over the code for the page and the css for an
hour now and can't
> figure it out.
>
> Can anyone see what I'm missing please?
>
> Thanks in advance.
>
>

Publish Navigation Bar Entries - page navigation issue

I have created Navigation Bar entries in a master application and have created them in a secondary application using 'Copy and Subscribe'.
I changed my entries in the master application and I wanted to republish them.
Breadcrumb region is currently: Shared Components>Navigation Bar Entries>Edit
Click on 'Publish NavBar' button and page navigates to "Confirm Publish Navigation Bar", breadcrumb changes to: Shared Components>Templates>Confirm Publish Template
Click on 'Refresh All'.
Page now navigates to the "Templates" page. Breadcrumb is Shared Components>Templates.
I now have to navigate back to the Navigation Bar Entries section to publish my next entry.
Regards,
Jon

Fateh,
My Navigation Bar Entry has:
<a href="#LINK#" class="t13NavLink">#TEXT#
<img src="#IMAGE#" height="#HEIGHT#" width="#WIDTH#" title="#ALT#" />
</a>My navigation bar has:
#WORKSPACE_IMAGES#logout.pngJeff

Issues with navigation bar

I am new to using iWeb. I just finished my first page and published it. When I went to visit the site the only page I see is the welcome page and there is no navigation bar. How do I get it to come up so that people can see the other pages?

Welcome to the Apple Discussions. While your in the Welcome page in iWeb go to the Inspector/Page/Page pane and make sure you have both check boxes checked, Include page in navigation menu and Display navigation menu.
Can you provide the URL to the site so we can examine first hand?
OT

My navigation bar is unresponsive and when I access Firefox help through the menu, it is also unresponsive. I'm sending this on IE as Firefox is not working. Anyone else having issues? ??

I don't know if this is my computer or Firefox. When I type in a URL in the navigation bar and hit "enter" .... nothing happens - it won't browse. I have to look up the URL in Google and click on it to navigate to the URL. Is there some kind of setting that is messing me up? Please help.

I had this too. Starting firefox in safe-mode and disabling all add-ons solved the problem. After re-enabling all add-ons did not bring back the problem.

My navigation bar refuses to come down with the usual down swipe, whats the solution/fix for this issue???

this has just begun lately--what is the fix??is it a setting preference by any chance???

We simply must figure this out for you. Can you recall if there have been any changes to the phone since this began? Have you tried the power/off trick?
Does the navigation bar move at all?
TamaraH_VZW
Follow us on Twitter @VZWSupport

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 <title>Untitled</title>

 <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
 <style>
 .edgeLoad-EDGE-57204389 { visibility:hidden; }
 .block-menu {
 display: block;
 background: #000;
 .block-menu li {
 display: inline-block;
 .block-menu li a {
 color: #fff;
 display: block;
 text-decoration: none;
 font-family: 'Passion One',Arial,sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-transform: uppercase;
 overflow: visible;
 line-height: 20px;
 font-size: 24px;
 padding: 15px 10px;
 /* animation domination */
 .three-d {
 -webkit-perspective: 200px;
 -moz-perspective: 200px;
 perspective: 200px;
 -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 transition: all .07s linear;
 position: relative;
 .three-d:not(.active):hover {
 cursor: pointer;
 .three-d:not(.active):hover .three-d-box,
 .three-d:not(.active):focus .three-d-box {
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -webkit-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
 .three-d-box {
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-transform: translatez(-25px);
 -moz-transform: translatez(-25px);
 -o-transform: translatez(-25px);
 transform: translatez(-25px);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 pointer-events: none;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 .front {
 -webkit-transform: rotatex(0deg) translatez(25px);
 -moz-transform: rotatex(0deg) translatez(25px);
 -o-transform: rotatex(0deg) translatez(25px);
 transform: rotatex(0deg) translatez(25px);
 .back {
 -webkit-transform: rotatex(-90deg) translatez(25px);
 -moz-transform: rotatex(-90deg) translatez(25px);
 -o-transform: rotatex(-90deg) translatez(25px);
 transform: rotatex(-90deg) translatez(25px);
 color: #FFE7C4;
 .front, .back {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 padding: 15px 10px;
 color: white;
 pointer-events: none;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
 targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
 targetComp.getStage().play();" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>

Please see my site about Navigation Bar Links not working

Greetings,
I have an urgent issue with www.ForexProFund.com and it's navigation bar links. For some reason only some of the links work in the navigation bar. I have tried and recreated new pages and moved all the content over to the new pages with no luck. I moved the nav bar to the most "forward" position and pushed everything else to the back so it's on the top for sure. You can see that on the "contact" page, the navigation bar does not work, and I have no idea why...it's the same on the "Open Account" page.
I really need this fixed, as I am sure many of you do.
Thanks in advance for any input or ideas.
Jason :>

Hi there,
Can you tell me how to "reduce" these things? I am not sure why some links in the nav bar and others do not...maybe I am doing something wrong? Very frustrating since Mac. does not let you simply setup a nav bar....it all has to be template based and then these types of things happen. Either way, if you have details of how to remedy this, please let me know. I tried to remove the line under the nav bar on the first two pages and still no luck.
Thank you!

How to display table range navigation bar at the bottom of the tr table i

Hello,
While I am using trinidad, I have to face a critical issue. Can I display table range navigation bar at the bottom of the <tr table> in Trinidad? and remove the range dropdown list, only show the "previous" and "next" link? The project is critical on the UI, this problem is very small but has to be fixed? Does anyone have any ideas？

Difficult to do? No.
<ul id="bottom-nav"><li><a hef="whatever.php">whatever</a></li><li class="last"><a hef="whatever2.php">whatever2</a></li></ul>
With this CSS -
ul#bottom-nav {
 list-style-type:none;
 overflow:hidden;
 width:70%;
 margin:0 auto;
ul#bottom-nav li {
 float:left;
 padding-right:10px;
 border-right:1px solid #FFF;
ul#bottom-nav li.last {
 border:none;
ul#bottom-nav a {
 /* your styles here */

Image in Navigation Bar

Hi,
could anyone tell me, what I have to do, to display a image in the "Navigation Bar".
I select a image in section "Image Attributes", but it isn't displayed?
The text in field "Icon Subtext" is displayed.
Thanks for any help
Norbert

Hi Roel,
please can you reopen that issue!
First question:
- I realized, that my images will not shown with the IE 7?
Second problem I have:
- is there a way to define a second variable besides #NAVIGATION_BAR# maybe #NAVIGATION_BAR_1# and redirect items defined in the application under the "Shared Components" --> "Navigation Bar" to that variable?
Purpose is to have two navigation bars and show e.g. two items in the first, the next item in the second bar.
Do you have answers for the two questions?
Thank you
Norbert

Navigation Bar doesn't display in Safari

Hi,
I just made a website using iWeb '09.
After i published the website, the navigation bar doesn't show up on Safari, Where as when i visit the webpage from any other browser, it works all fine,
I want to fix this issue, Please help!
http://www.origin-avs.com

My problem was that i didn't empty my cache of safari, did that and its all fine...
Answer:
Empty the cache of safari and hit reload!
if it doesn't work then follow the other procedures.

Navigational Bar Works Perfect In iWeb, But Not Online...

To whom it may concern,
I am having an issue with the navigational bar working online with my website. In iWeb everything looks and works perfect when tested and all hyperlinks are active, but when it is published the Home page is all that comes up and the Navigational menu will not highlight, show rollover, turn the cursor into a hand, or open the other pages. I have tried to fix the issue, unsuccesfully, by arraging differently, removing the custom toolbar, making sure nothing is layered improperly, etc..getting frustrated and need help.
The Website is: http://wicked-waters.com/Wicked_Waters/Home.html
Thank you in advance!

Yes, frustration. iWeb has that effect on people.
Anyway, this is covering the links :
http://wicked-waters.com/Wicked_Waters/Home_files/WickedWatersCompassWorksOfArts eaweedgrey.png
Move it down and/or remove the white space.
And read this for an explanation and a solution :
http://www.wyodor.net/Tutorials/iWebDemo/z-Index.html

Navigation bar issues

Similar Messages

Maybe you are looking for