Learning - Problems with Horizonal Navigation Bar

Everything looks OK until I preview it in Firefox and then the bars blink and don't expand properly....can anyone see what is wrong here, thanks so much
<ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="#">Home</a>              </li>
            <li><a href="../Seminary Life.html" class="MenuBarItemSubmenu">Seminary Life</a>
              <ul>
                <li><a href="../Tour.html">Tour of Seminary</a></li>
                <li><a href="../Formation.html" class="MenuBarItemSubmenu">Formation Process</a>
                  <ul>
                    <li><a href="../Human.html">Human</a></li>
                    <li><a href="../Intellectual.html">Intellectual</a></li>
                    <li><a href="../Pastoral.html">Pastoral</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a class="MenuBarItemSubmenu" href="../Admissions.html">Admissions</a>
              <ul>
                <li><a class="MenuBarItemSubmenu" href="../Degrees.html">Degrees Offered</a>
                  <ul>
<li><a href="#">Item 3.1.2</a></li>
                  </ul>
                </li>
                <li><a href="../Course List.html">Sample Course List</a></li>
                <li><a href="../Dioceses.html">Sending Dioceses</a></li>
                <li><a href="../Application.html">Application Process</a></li>
              </ul>
            </li>
            <li><a href="../People.html" class="MenuBarItemSubmenu">People</a>
              <ul>
                <li><a href="../Faculty.html">Faculty</a></li>
                <li><a href="../Staff.html" class="MenuBarHorizontal">Staff</a></li>
                <li><a href="../Seminarians.html">Seminarians</a></li>
                <li><a href="../Board.html">Board of Advisors</a></li>
                <li><a href="../Alumni.html">Alumni</a></li>
              </ul>
            </li>
            <li><a href="../News.html" class="MenuBarItemSubmenu">News and Events</a>
              <ul>
<li><a href="../Calendar.html">Calandar</a></li>
                <li><a href="../Mass.html">Public Mass Schedule</a></li>
              </ul>
            </li>
            <li><a href="../Auxilliary.html" class="MenuBarItemSubmenu">Trinitary Auxilliary</a>
              <ul>
                <li><a href="../Auxilliary Membership.html">Membership</a></li>
                <li><a href="../Auxilliary Activities.html">Activities</a></li>
              </ul>
            </li>
            <li><a href="../Support.html" class="MenuBarItemSubmenu">Support The Seminary</a>
              <ul>
                <li><a href="../Donations.html">Donations</a></li>
                <li><a href="../Welcome Dinner.html">Welcome Dinner</a></li>
                <li><a href="../Prayer.html">Prayer</a></li>
              </ul>
            </li>
            <li>
              <div align="center"><a href="../Contact.html">Contact Us/Map</a></div>
            </li>
            <li>
              <div align="center"><a href="../Links and Privacy.html">Additional Links and Privacy Statement</a></div>
            </li>
          </ul>

Thanks - unfortunately, I can't send the URL since it isn't a published site. I have tried taking it out and putting it back and still can't do it. Here is the template HTML....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<TITLE>Dreamweaver Template</TITLE>

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK rel="stylesheet" href="file:///C|/Documents and Settings/pat/Desktop/Website/HTS Demo/18/general.css" type="text/css">

<META name="keywords" content="">
<META name="description" content="">

<style type="text/css">
body {
    background-color: #DBDBDB;
    background-image: url(../Images/Chapel-UpperWindow1.jpg);
    background-repeat: repeat;
    margin-left: 75px;
    margin-right: 75px;
    margin-top: 50px;
    margin-bottom: 50px;
</style>
<style type="text/css">
a:link {
    color: #900;
a:visited {
    color: #000;
h1 {
    color: #900;
h2 {
    color: #900;
h3 {
    color: #900;
h4 {
    color: #900;
</style>
<script src="../Demo/Templates/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../Demo/Templates/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="#DBDBDB">
<TABLE width="956" border="0" align="center" id="maintable">
<TR bgcolor="#DBDBDB">
    <TD width="950" height="222" valign="bottom">
      <TABLE width="950" border="0" cellpadding="0" cellspacing="0">
        <TR>
          <TD width="950" bgcolor="#DBDBDB"><IMG src="../Images/name.gif" alt="" width="626" height="111"><img src="../Images/Outside 5-2010 cropped and edited.jpg" alt="Outside of Building" width="321" height="111" border="0"></TD>
        </TR>
        <TR>
          <TD height=1
          02
          " bgcolor="#DBDBDB"><p><br>
          </p>
            <ul id="MenuBar1" class="MenuBarHorizontal">
              <li><a href="../Demo/Index.html">Home</a>              </li>
              <li><a href="../Demo/Seminary Life.html" class="MenuBarItemSubmenu">Seminarian Life</a>
                <ul>
                  <li><a href="../Demo/Tour.html">Tour of Seminary</a></li>
                  <li><a href="../Demo/Formation.html" class="MenuBarItemSubmenu">Formation Process</a>
                    <ul>
                      <li><a href="../Demo/Human.html">Human</a></li>
                      <li><a href="../Demo/Intellectual.html">Intellectual</a></li>
                      <li><a href="../Demo/Pastoral.html">Pastoral</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li><a class="MenuBarItemSubmenu" href="../Demo/Admissions.html">Admissions</a>
                <ul>
                  <li><a href="../Demo/Degrees.html">Degrees Offered</a>                  </li>
                  <li><a href="../Demo/Course List.html">Sample Course List</a></li>
                  <li><a href="../Demo/Application.html">Application Process</a></li>
                </ul>
              </li>
              <li><a href="../Demo/People.html" class="MenuBarItemSubmenu">People</a>
                <ul>
                  <li><a href="../Demo/Faculty.html">Faculty</a></li>
                  <li><a href="../Demo/Staff.html">Staff</a></li>
                  <li><a href="../Demo/Seminarians.html">Seminarians</a></li>
                  <li><a href="../Demo/Board.html">Board of Advisors</a></li>
                  <li><a href="../Demo/Alumni.html">Alumni</a></li>
                </ul>
              </li>
              <li><a href="../Demo/News.html" class="MenuBarItemSubmenu">News and Events</a>
                <ul>
                  <li><a href="../Demo/Calendar.html">Calendar</a></li>
<li><a href="../Demo/Mass.html">Public Mass Schedule</a></li>
                </ul>
              </li>
              <li><a href="../Demo/Auxilliary.html" class="MenuBarItemSubmenu">Trinitary Auxilliary</a>
                <ul>
                  <li><a href="../Demo/Auxilliary Membership.html">Membership</a></li>
                  <li><a href="../Demo/Auxilliary Activities.html">Activitis</a></li>
                </ul>
              </li>
              <li><a href="../Demo/Support.html" class="MenuBarItemSubmenu">Support the Seminary</a>
                <ul>
                  <li><a href="../Demo/Donations.html">Donations</a></li>
                  <li><a href="../Demo/Welcome Dinner.html">Welcome Dinner</a></li>
                  <li><a href="../Demo/Prayer.html">Prayer</a></li>
                </ul>
              </li>
              <li><a href="../Demo/Contact.html">Contact Us/Map</a></li>
              <li><a href="../Demo/Links and Privacy.html">Additional Links and Privacy Statement</a></li>
            </ul>
          <p> </p></TD>
        </TR>
      </TABLE>
    </TD>
</TR>
<TR bgcolor="#DBDBDB">
    <TD width="950" valign="top">
      <hr>
                </TR>
<TR bgcolor="#DBDBDB">
    <TD width="950" height="130" valign="top"><P align="center" class="small"><BR>
      ©
      <script language="JavaScript" type="text/javascript">
var d=new Date();
yr=d.getFullYear();
if (yr!=2000)
document.write(" "+yr);
        </script>2010 All Rights Reserved<br>
      Holy Trinity Seminary        <br>
      Mailing Address: PO Box 140309, Irving, TX 75014-0309<br>
      Physcial Address: 2121 Vince Hagan Drive, Irving, TX 75062<br>
      Voice: 972-438-2212     Fax: 972-438-6530      </P></TD>
</TR>
</TABLE>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</BODY>
</HTML>
Thanks again.

Similar Messages

Problem with custom navigation bar

I'm trying to create a custom left navigation bar with adaptive tag. when user click on the link it will direct to a pagelet which is created with page template. How can I do it? I don't understand what is pt:objectid? Where can I look for answer? I just need a simple example. Thank you.

You can get the object id from the "Edit this Community" feature under "My Communities" then look in "properties and names". If you look in the address bar you could also see the objid in there (objId=1234). I was having problems with this too.
What I did was use the ptdata tag like this:
<div id="topNav">
<pt:ptdata.currentcommunityiddata pt:id="currcomm" />
<pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" />
<ul>
<pt:standard.choose>
<pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
<li class="down">
</pt:standard.when>
<pt:standard.otherwise>
<li>
</pt:standard.otherwise>
</pt:standard.choose>
<pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
</li>
<pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
<pt:standard.choose>
<pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
<li class="down">
</pt:standard.when>
<pt:standard.otherwise>
<li>
</pt:standard.otherwise>
</pt:standard.choose>
<pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
<pt:logic.value pt:value="$varCommunityPage.title"/>
</pt:core.html>
</li>
</pt:logic.foreach>
</ul>
</div></p>
<p>This is for a community that has subcommunities. you could also do the same thing with pages instead.
Short explaination:
This line sets up a data object for the current community data and assigns it the variable name "currcomm":
<pt:ptdata.currentcommunityiddata pt:id="currcomm" /></p>
<p>This line gets the subcommunities for a particular community (in this case commid="1234" ). You specify which community with the pt:commid.
<pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" /></p>
<p>I used a <ul> for it but you could really do it any way you want.</p>
<p>I added a static "home" tab that will always link to my top level page of the community. this is optional and there may be a better way of doing it:
<pt:standard.choose>
<pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
<li class="down">
</pt:standard.when>
<pt:standard.otherwise>
<li>
</pt:standard.otherwise>
</pt:standard.choose>
<pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
</li></p>
<p>for a link to your page you can use this tag. You can get both the objectid and classid from the "properties and names" page as mentioned above. pt:mode is how/what should be displayed (The action of the link (Opener mode). 1 = Open, 2 = View, 3 =ViewMeta.)
<pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">
I also have a choose in there to test if the current community you're in is the same as the community of the link. That lets me add a class="down" for a down state. </p>
<p>This loops through all the subcommunities and builds a link in this format <li>TITLE OF COMMUNITY</li>. </p>
<p><pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
<pt:standard.choose>
<pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
<li class="down">
</pt:standard.when>
<pt:standard.otherwise>
<li>
</pt:standard.otherwise>
</pt:standard.choose>
<pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
<pt:logic.value pt:value="$varCommunityPage.title"/>
</pt:core.html>
</li>
</pt:logic.foreach>
</p>
<p>Hopefully that is what you're trying to do.
Like I said, you can use the same process for pages instead of subcommunities by using the communitypagesdata tag instead of subcommunitiesdata. You could also combine the two and list all the subcommunities with a foreach loop and inside each loop get the pages from the communitypagesdata with the commid set to the subcommunity objid for that subcommunity.</p><p>
THis document is very helpful with PT tags... [url http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html]http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html</p>
-Matt
Edited by thelimpingtoad at 03/14/2008 5:55 AM

After Migrating from 10g to 11g Geeting problems with Guided navigations.

After Migrating from 10g to 11g Geeting problems with Guided navigations and section navigations not working.
And we are getting the following error <<odbc driver returned an error (SQLExecDirectW)>> where we have used navigations.
In 10G we have Guided navigation Reports to display the Reports links and intermediate reports for conditionally displaying the Dashboard section(Reports) but after migrating to 11g Guided navigation reports and conditional reports are not working..
We know that in 11g section navigation replaced with conditions and Guided navigation replaced with action link.. but
do we need to recreate those reports in actions and condition or is there any work around avoid reworking.

Hi Both,
Thanks for the reply ...
For Guided navigation we are getting like below error:
Odbc driver returned an error (SQLExecDirectW).
For Conditional dashboard section we are getting like below error:
"saw.aViewsToRefresh = [];saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:3jsmgfs3c1r4tn7c~n:condition'] = true;saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:nos5q43jvjmi643b~n:condition'] = true;"

I am having a strange problem with the awesome bar

The awesome bar/location bar is no longer as awesome as it used to be. When I start typing in an address it seems like it no longer checks through my history and gives a list of possible matches but just gives the stem of an address. For example, if I type in 'goo' it will complete this to 'google.com' if I then append this with an '/a' it will complete this to 'google.com/analytics' but that's as good as it gets, as I say, no list from the history or bookmarks.
I've checked the options and also about:config and all the settings are as they should be, as far as I can tell (and I certainly hadn't changed any of them when it started misbehaving). I've also disabled all extensions and plug-ins.
It's driving my slightly bonkers because I quite often use sites with long addresses and can't remember each of the components of each address. I'd switch to using Chrome but I also use Firebug a fair bit so don't really want to do this.

Hi cowtan, <br/>Sorry you are having problems with the awesome bar.
I imagine the new behaviour may be reversed by changing some pref but I have not looked that up.
Regardless of the new behaviour you seem to have some fault as my awesomebar still gives bookmarked items.
As a troubleshooting step try adding an asterisk in the awesomebar (as first character or anywhere) that should then filter the results in the dropdown list to bookmarked only items, does that work ?
* see [[Search your bookmarks, history and tabs with the Awesome Bar#w_changing-results-on-the-fly]]_changing-results-on-the-fly
You possibly have some extension interfering with the awesome bar, try Firefox in safe mode (but do NOT* at this stage try the Reset Firefox option)
<nowiki>*</nowiki>'''edit''' - personal opinion, if a user; such as you; is knowledgeable enough to use ''about.config'' the easy solution of ''FirefoxReset ''is probably not the best route, as it can have unwanted side effects that are avoidable.
* [[Troubleshoot Firefox issues using Safe Mode]]
Do your bookmarked items appear in safe mode ?
<u>Try a new Profile.</u><br/>The best method for troubleshooting this will be to set up a new Firefox profile, you can then: experiment, troubleshoot, alter settings or extensions installed in that profile without changing and potentially damaging your current profile.
* http://kb.mozillazine.org/Profile_Manager#Creating_a_new_profile
I suggest to prevent unexpected problems you
* use a sensible name such as test 2012 for the profile name
* ensure an empty folder is used & do not then rename or delete the new profile (instead add or delete shortcuts to it)
* also see http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox

ITS 6.20 SP18 Problem with the top bar menus

Hello Henning,
we're using ITS 6.20 SP18 and experience a problem with the top bar menus in the SAPGUI for HTML (Enjoy Design) in both MSIE 6 and Moz Firefox 1.0.4.
When clicking the dropdown menus in the top bar the menu simply won't open. This only occurs in all of our homegrown (Z*) services when dropping into SAPGUI for HTML (ITS is in mixed mode). However - When running service WEBGUI seperately (via ...scripts/wgate/WEBGUI/! ) the menus work funnily enough.
This worked fine prior to the upgrade. Is there a new service parameter that I need to set? Have you got any more documentation? I checked out any related SAPNet notes on the SP18 documentation sheet, but couldn't find anything related.
Kind regards,
Michael

> There is no known problem regarding ITS 6.20 PL 18
> and the menu at this time. Please provide an example
> for a service file (.srvc) of one of your Z
> services and also the global.srvc.
>
<u>These are the <b>global.srvc</b> settings</u>
~appserver
~client 010
~clientcert 1
~cookies 1
~exiturl
~hostsecure xxxxxxxxx
~hostunsecure xxxxxxxxx
~language
~login
~logingroup ZZZZZZZZ
~menu2002 0
~messageserver xxxxxxxx.xx.xx.xx
~multiinstanceservices 1
~password
~portsecure 443
~portunsecure 80
~routestring
~runtimemode pm
~systemname XXX
~systemnumber 00
~theme 99
~timeout 120
~urlarchive /scripts/sapawl.dll
~urlimage /sap/its/graphics
~urlmime /sap/its/mimes
~usertimeout 1
~webgui_theme 99
~xgateway sapdiag
~xgateways sapxgadm,sapdiag,sapxgwfc,sapxginet,sapxgbc,sapextauth
~rfctimeout     10
~noheaderokcode 1
~http_use_compression 1
~http_compress_level 7
~mysapcomnosso1cookie 1
<u>These are the service settings for one of our <b>Z* services</b>:</u>
~AUTOSCROLL     0
~COOKIES     1
~GENERATEDYNPRO     1
~HTTP_COMPRESS_LEVEL     9
~HTTP_USE_COMPRESSION     1
~LISTSCROLLING     0
~LOGIN
~PASSWORD
~POPUPS     1
~STYLE     DHTML
~TRANSACTION     Zxxxxx
~WEBGUI
~WEBGUI_POPUPS     1
~WEBGUI_THEME     99
Kind regards,
Michael

Problem with the progress bar

I've have a problem with the progress bar of my ipod. I bought a 5th generation ipod about 8-9 months ago. Now its progress bar stuck so it only shows the 5 dots. It doesn't show both scrubber bar and song time bar. When I press the center button, the 5 dots dissappear from the screen and then reappear but it doesn't show the other bars. Do you know what is the problem and How can I fixed it?

have you tried resetting ipod, cause as far as i know, this is sometimes just a temporary glitch, mine does this.

Having problem with Nav. Bar on PC's

Hi All,
After thinking I was finished with my web page and checking it on three different Mac's with Safari, Firefox, Netscape and Exploer, all seemed to be fine. Alas, anyone who has tried to view it on a PC can not go beyond the first page since the links on the Nav.bar don't work.
Can anyone tell my why this has happened and how to fix it?
Thanks
iBook G3 Mac OS X (10.2.x)

Nice site, things are looking good. To be honest I don't know how to fix your problem with windows users not being to access your nav bar, but I do know that there are quite a few people on here who have both safari and windows and will probably post about this. What I can offer is my opinion on the default iweb nav bar, get rid of it and create your own. Simply create a text-box and enter in the name of your page. Highlight the text box, open up the inspector - chose the link tab at the very end - chose to enable as a hyperlink and select one of my pages. Select the page you would like to link to and your all set. This is a long way around your problem, but it will enhance your site visually and hopefully solve your problem. I have done this on a few sites, and never had any problems reported from windows users. After you do this dont forget to uncheck the display navigation menu box in the inspector under the page tab. Hope this helps and good luck!

Internet Explorer Problem with Spry Menu Bar

http://www.cloud9industries.com/clients/jewelryworld/index4.html
OK here we go
#1) In IE, the toolbar doesn't appear with the same decreased
opacity as it does in Firefox and Safari. I'm using a png
background image with a transparent background and I've defined the
background color the same as the lower layer's color. Any ideas?
#2) THE BIG ISSUE - IE doesn't display the drop down portions
of the menu properly as they display horizontally. If the cursor
moves into the <li> from another <li> the menu displays
as aforementioned. If the cursor moves into the <li> from
outside the menu bar, the menu bar behaves properly.
This is the first page I've done with a Spry menu bar as it
seems the former navigation bar process has been removed from
Dreamweaver. Any tips will be greatly appreciated.
Thanks,
cloud9industries

Hi,
I took a look over your page and I noticed that you are using
a very old spry version 1.4. The current released version is Spry
1.6 and contains some major bug fixes for Menu Bar widget.
Please update to this last Spry version. You can download the
new files from
here.
The problem with the transparent background is an IE6 problem
which doesn't support transparent backgrounds. This problem is
fixed on IE7 and I check it and it works there.
Please let us know if you still have problems with MenuBar
after updating it to the new version
Thanks,
Diana

Need help with a navigation bar

I am new to Dreamweaver,working on my first page. This is my first post too, so I hope that I am doing this correctly. I created a set of navigation bars last night. It is a vertical bar with 9 items. It looked great except the items were not centered in the sidebar. I was experimenting tonight and now 8 of the "items"/titles have disappeared. The list is basically gone except for the one title. When I look in the code view all the items are listed. I hate to delete the page and start over. Does anyone have any ideas?

It sounds like you're using CSS to make a list of links turn into a navigation bar. If so, is there a problem with you're CSS?
It would help if you could either attach the files or give us a link to the site.
Nick

Problem with Absolute Navigation (External Window) and Light Framework Page

Hi All,
We are using Light Framework page for the portal devolopment. We have an application including two webdynpro iviews where absolute navigation is used to traverse from first iview to second iview (When user clicks a button on first iview). We are showing the second iview in external window (SHOW_EXTERNAL). When ever i clicks the button to traverse to second iview, i am getting an exception.
When we are showing it in same window (SHOW_INPLACE), it is working fine. But the iview is appeared in half of the page with scrollbars. It is working fine with default framework page (with both options SHOW_INPLACE and SHOW_EXTERNAL) and dispalyed in original size as mentioned in iview properties.
Could you please suggest us whether there is any work around for this.
Thanks,
Sudheer

Hi Kathiresan
I couldn't see the address bar of the window (In which second iview is getting displayed). But i can observe no parameters that i passed from first iview is visible in the view source of the second iview (When SHOW_EXTERNAL is used in absolute navigation). I could see all the parameters in the view source (when SHOW_INPLACE is used for absolute navigation). But i am using the same url for both the options (for SHOW_INPLACE and SHOW_EXTERNAL).
I doubt about the url being passed when SHOW_EXTERNAL option is used. But when we checked in debug, The correct url is being triggered (Atleast from first iview). Is there any way that could display the second window with address bar. What is making difference between SHOW_INPLACE and SHOW_EXTERNAL with absolute navigation and light framework page.
Could someone please suggest.
Thanks,
Sudheer.

Having problem with spry menu bar in Internet Explorer.

I'm having a problem with my spry menu bars in Internet Explorer.
Here are the pictures:
Firefox
Internet Explorer
HERE ARE THE CODES:
HTML CODE:
<style type="text/css">

</style>
<style type="text/css">
#apDiv3 {
    position:absolute;
    width:254px;
    height:206px;
    z-index:2;
    left: 123px;
    top: 1529px;
#apDiv4 {
    position:absolute;
    width:250px;
    height:194px;
    z-index:3;
    left: 381px;
    top: 1528px;
#apDiv5 {
    position:absolute;
    width:256px;
    height:200px;
    z-index:4;
    left: 636px;
    top: 1529px;
#apDiv6 {
    position:absolute;
    width:349px;
    height:205px;
    z-index:5;
    left: 889px;
    top: 1530px;
</style>
<style type="text/css">
#apDiv7 {
    position:absolute;
    width:887px;
    height:204px;
    z-index:6;
    left: 324px;
    top: 905px;
#apDiv8 {
    position:absolute;
    width:1295px;
    height:74px;
    z-index:1;
    left: 212px;
    top: 668px;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
#apDiv2 {
    position:absolute;
    width:209px;
    height:197px;
    z-index:2;
    top: 1220px;
    left: 171px;
#apDiv9 {
    position:absolute;
    width:331px;
    height:97px;
    z-index:3;
    left: 385px;
    top: 1218px;
#apDiv10 {
    position:absolute;
    width:292px;
    height:199px;
    z-index:4;
    left: 724px;
    top: 1218px;
#apDiv11 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
body {
    background-color: #000;
    background-image: url();
    text-align: center;
    color: #F00;
.none {
    font-size: 80px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
#apDiv12 {
    position:absolute;
    width:991px;
    height:60px;
    z-index:5;
    left: 198px;
    top: 192px;
#apDiv13 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 588px;
    top: 322px;
</style>
<body onLoad="MM_preloadImages('images/WebConfroll.png','images/youthfootballroll.png','images/ statefbsweatshirt.png')">
<p align="center" class="none"><img src="images/footballtitle.png" width="941" height="183"></p>
<div align="center">
<ul id="MenuBar2" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">[Placeholder]</a>
      <ul>
        <li><a href="#">[Placeholder]</a></li>
        <li><a href="#">[Placeholder]</a></li>
        <li><a href="#">[Placeholder]</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">[Placeholder]</a>
      <ul>
        <li><a href="#">[Placeholder]</a></li>
        <li><a href="#">[Placeholder]</a></li>
        <li><a href="#">[Placeholder]</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Videos</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="#">2008 Videos</a>
          <ul>
            <li><a href="videos/2009 videos/Glenbard part one/partone.html">Glenbard South Game</a></li>
            <li><a href="#">             &# 160;         [Placeholder]</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">2009 Videos</a>
          <ul>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">2010 Videos</a>
          <ul>
            <li><a href="#">[Placeholder]</a></li>
            <li><a href="#">[Placeholder]</a></li>
          </ul>
        </li>
      </ul>
    </li>
</ul>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><span class="cent"><img src="images/bulldoghelmit.png" width="150" height="99" /></span></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p class="cent"> </p>
<div align="center">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2008</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Defense%20Stats.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Offense%20Stats.pdf">Offense and Records</a></li>
        <li><a href="http://page.bps101.net/web/t1350/BHS%20All%20Time%20Stats.pdf">AllTime Data</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/Western%20Sun%202009.pdf">Western Sun Final Standings</a></li>
      </ul>
    </li>
    <li> <a href="#" class="MenuBarItemSubmenu">Football Season 2009</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Record Book and Offense</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/All-Time%20Data%202009.pdf">Alltime Data</a></li>
      </ul>
    </li>
    <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2010</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2011%20Checklist.pdf">2010-2011 Offseason Checklist</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Defense%20Stats%20Final.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Stats%20Packet.pdf">Record Book and Offense</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20ALL%20TIME.pdf">Alltime Data</a></li>
      </ul>
    </li>
</ul>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="images/Batavia Youth football.png" alt="" width="869" height="200" /></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/WebConfroll.png',1)"></a></p>
<div align="center">
<div align="center"></div>
<div align="center"><a href="http://www.athletics2000.com/upstate8/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/WebConfroll.png',1)"><img src="images/WebConf.png" name="Image7" width="206" height="194" border="0" id="Image7" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/statefbsweatshirt.png',1)"><img src="images/statefbsweatshirt.jpg" name="Image6" width="375" height="199" border="0" id="Image6" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/youthfootballroll.png',1)"><img src="images/youth football.png" name="Image8" width="329" height="197" border="0" id="Image8" /></a></div>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/youthfootballroll.png',1)"></a></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="images/Logos.png" width="1167" height="199" /></p>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
CSS CODE
@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: auto 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 54em;
    border-top: thick solid #00F;
    border-left: thick solid #00F;
    border-right: thick solid #00F;
    border-bottom: thick solid #00F;
    height: 2.2em;
/* 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;
    cursor: pointer;
    width: 18em;
    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: 18em;
    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: 18em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #C96;
    text-decoration: none;
    text-align: center;
    height: 1.2em;
/* 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: #900;
    color: #009;
/* 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: #900;
    color: #FFF;
    text-decoration: underline;
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%;
    color: #FF0;
    font-family: "Lucida Console", Monaco, monospace;
/* 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;
The website is http://wwww.bataviabulldogfootball.tk

Note that running your page through the W3C Validator gives this list of errors: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bataviabulldogfootball.tk%2F&charset=%2 8detect+automatically%29&doctype=Inline&group=0
I see that you have a very thin doctype at the top. I suggest you create a new page in Dreamweaver and copy the bit at the top of the page:
<!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" />
Then put that code in place of these lines from your current page:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
I see that you have two opening <body> tags. Delete one; it is not needed. Add the preload images from the second into the first body tag and delete the second.
I see code below the closing </html> tag. Re position it before the closing </body> tag.
Because of these errors mentioned above, it was impossible to see the page. Fix and reply here when you have done so.
Also, it is not possible for me to divine what difficulty you are having. If you can please also express it in English (LOL), I'll be happy to suggest a correction for you!
Beth
p.s. Posting entire blocks of code is NEVER as helpful as giving us a link to the pages in action. I seldom read through code dumps here in the Forum.
Message was edited by: Zabeth69

Problem with CC Menu Bar app (Mountain Lion)

Howdy!
So, i have this little problem with the CC menu bar app. I have it set to start when i login and everytime i (re)start my computer, the CC app window starts in the middle of the screen. I have to click in the menu bar icon for it to go to it's rightful place.
It's not a big of a problem (not really a problem even), but i wonder if there is any way for it to start hidden and in it's place.

Ok, i disabled that option, restarted, then Pinned it to the menu bar, changed the option back on and restarted again.
Still shows up in the middle of the screen as soon as i login.

Consistant Problems with Google Navigator on Droid Eris

Is anybody else having problems with their Google Navigator on a Droid Eris. This application stinks - I can never expect it to be there when I need it. About a month ago I was using it up in Northern Minnesota to get to a doctors appointment about halfway into the hour long drive it told me "GPS signal lost" then it proceeded to tell me "searching for GPS". It never found the GPS despite the fact that I was in Duluth - a larger city in Northern Minnesota. I ended up having to call the receptionist and she became my turn by turn navigator - embarrassing. I never had this problem when I had the VZ Navigator it was always very reliable. 9 times out of 10 it doesn’t work or takes so long to find a GPS signal that you get lost! Are there any tips, tricks or patches for this? I am seriously considering purchasing a Tom Tom.

Did you get any answers to your inquiry? I'm having the same problem with my Android LG Ally. Also want to connect with other users to find out how to get the last verbal instruction repeated. I miss that from my VZ Navigator. Is there a trick to triggering it?

Any problem with 6110 navigator?

Hi,
Does anyone has any problem with your 6110 navigator? It seems like the phone always reset on its own and hang whenever the alarm clock goes off. I have sent it back to nokia care center, they upgraded my firmware but it hang when the alarm clock goes off. The nokia care center checked it again and said that it's due to my SIM card. I am not using a 3G SIM card. Does anyone has similar problem?

An older SIM card can cause problems in newer phones. You might want to upgrade your SIM card and see if that cures the problem.
Experience and persistence are second to none just ask user one.
1610»2110»8110»5110»3310»6210»7250i»6220»6230»6230i»6233
Love me or hate me, its still an obsession. Love me or hate me, that is the question...

Problem with GRID NAVIGATION EFFECTS WITH JQUERY

Hi All,
Im having problem with this image gallery with navigation (please see link below to see running demo). I am trying to use the 'Row move' style but am having problems getting the function to work. I have the images and everything set up fine but the actual function/navigation isn't working. I have downloaded all the relevant files to my computer but nothing happens when i click on the arrows. Also all of the 20 images are showing instead of just the 2 rows of 3? There should be 2 rows of 3 iamages showing then when the arrows are clicked the next two rows are shown and so on.
http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/
This is the code i have -
<!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>My gallery</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<link href="gridNavigation.css" rel="stylesheet" type="text/css" />
<link href="reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #000000;
a:link {
          text-decoration: none;
          color:#f1d379;
a:visited {
          text-decoration: none;
          color: #f1d379;
a:hover {
          text-decoration: none;
          color: #9d6f1b;
a:active {
          text-decoration: none;
          color: #f1d379;
</style>
        <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
                    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
                    <script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
                    <script type="text/javascript" src="scripts/jquery.gridnav.js"></script>
<script type="text/javascript">
                              $(function() {
                                        $('#tj_container').gridnav({
                                                  type          : {
                                                      rows    : 2,
                                                            mode                    : 'rows',                               // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                                                            speed                    : 1000,                                        // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            easing                    : 'easeInOutBack',          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                                                            factor                    : 150,                                        // for seqfade, sequpdown, rows
                                                            reverse                    : ''                                        // for sequpdown
                    </script>
</head>
<body>
<div class="container" id="container">
<div id="navbar" class="#navbar">
<ul>
          <li><a href="index.html">Homepage</a></li>
          <li><a href="about_me.html" >About me</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="contact.html">Contact</a></li>
</ul>
</div>
                                                  <div class="tj_nav">
                                                            <span id="tj_prev" class="tj_prev">Previous</span>
                                                            <span id="tj_next" class="tj_next">Next</span>
                                                  </div>
                                                  <div class="tj_wrapper">
                                                            <ul class="tj_gallery">
                                                                      <li><a href="#"><img src="images/1.jpg" alt="image01" /></a></li>
                                                                      <li><a href="#"><img src="images/2.jpg" alt="image02" /></a></li>
                                                                      <li><a href="#"><img src="images/3.jpg" alt="image03" /></a></li>
                                                                      <li><a href="#"><img src="images/4.jpg" alt="image04" /></a></li>
                                                                      <li><a href="#"><img src="images/5.jpg" alt="image05" /></a></li>
                                                                      <li><a href="#"><img src="images/6.jpg" alt="image06" /></a></li>
                                                                      <li><a href="#"><img src="images/7.jpg" alt="image07" /></a></li>
                                                                      <li><a href="#"><img src="images/8.jpg" alt="image08" /></a></li>
                                                                      <li><a href="#"><img src="images/9.jpg" alt="image09" /></a></li>
                                                                      <li><a href="#"><img src="images/10.jpg" alt="image10" /></a></li>
                                                                      <li><a href="#"><img src="images/11.jpg" alt="image11" /></a></li>
                                                                      <li><a href="#"><img src="images/12.jpg" alt="image12" /></a></li>
                                                                      <li><a href="#"><img src="images/13.jpg" alt="image13" /></a></li>
                                                                      <li><a href="#"><img src="images/14.jpg" alt="image14" /></a></li>
                                                                      <li><a href="#"><img src="images/15.jpg" alt="image15" /></a></li>
                                                                      <li><a href="#"><img src="images/16.jpg" alt="image16" /></a></li>
                                                                      <li><a href="#"><img src="images/17.jpg" alt="image17" /></a></li>
                                                                      <li><a href="#"><img src="images/18.jpg" alt="image18" /></a></li>
                                                                      <li><a href="#"><img src="images/19.jpg" alt="image19" /></a></li>
                                                                      <li><a href="#"><img src="images/20.jpg" alt="image20" /></a></li>
                                                    </ul>
            </div>
</div>
</body>
</html>

Not sure what example you are using but it looks like you have missed out a couple of important <divs> in your code which surround the main <div>:
If the case of example five:
<div class="content example5'>
<div id="tj_container" class="tj_container">
MAIN STUFF GOES HERE
</div>
</div>
I dont know if its my computer or not but I found the animation a bit flaky.

Learning - Problems with Horizonal Navigation Bar

Similar Messages

Maybe you are looking for