How do I keep the Spry menu fixed to the bottom of the header div?

I have created a horizontal Spry menu bar using Dreamweaver CS4 but the problem is, I can't figure out how to make it be in the right position at the bottom of the header div. In Design View it is too far below the header background graphic, in Live View it cuts off the bottom of the header graphic, and it also looks higher or lower in Safari and Firefox.
I'm sure it's very simple, but how can I control them menu on the y-axis and keep the menu fixed to the bottom of the header div? Is there a way to float it to the bottom?
I really appreciate any help or advice anyone can give me on how to get a stationary menu bar.

Below is an example of a fixed-header & footer layout with jQuery smooth scrolling. I did not use a separate scrolling div because mobile users have lots of trouble with them.
View source to see the code.
http://alt-web.com/TEMPLATES/FixedLayout.shtml
You need 4 basic things:
jQuery latest core library,
jQuery easing.js,
jQuery anchor.js, inside the <head> of your document
jQuery function code, near the bottom of your document.
That's all there is to it.
Nancy O.

Similar Messages

How do I get banner & Spry Menu Bar to appear on every page?

Hi,
I am a new user of Dreamweaver CS6 an a relatively new user to website development in general.
I just followed along through Davide Powers "Creating your first website" tutorial series and found it to be very helpful. I made it through all six parts and managed to get the Check Magazine sample website up and running. I now want to use what I learned to creat my own site, and I am stuck already.
The tutorial does a great job of explaining how to setup a Spry Menu Bar to use for navigation. The tutorial, however, only shows how to put this Spry Menu Bar on the main index.html page. For my actual site, I would like my navigation bar (and my banner) to appear on every one of my pages.
Can anyone here tell me where I can find instructions on the best way to do this?
My navigation requirements are very simple. I just want a common banner with navigation buttons to appear at the top of every one of my pages. The Spry Menu Bar that was created in the tutorial would work great for me assuming I can find a relatively simple way to get it (along with my banner) to appear at the top of every one of my pages.
If it is very complicated to get it to appear on every page (or would require a large time investment in learning advanced techniques), then I would consider passing on the Spry Menu Bar and trying to setup my navigation in a simpler (if more old-fashioned) way.
Any advice will be greatly appreciated.
Thanks in advance,
Paul

If a small, 4-5 page site, make a prototype page with all your columns, headers, footers, menus, etc... and go to File > SaveAs index.html, and then File > SaveAs > page1.html, and then File > SaveAs page2.html, etc...
Or you can save your prototype page as a Dreamweaver Template (.dwt file). Add editable regions for stuff that will change from page to page. Everything outside editable regions is common to all site pages. Then use your Template to spawn site pages. File > New > Page from Template, index.html, page1.html, page2.html, etc.... DW Templates are nice site management tool. But before you use them, read all you can about them in F1 Help as they can be a little tricky to master.
Last but not least, look at Server-Side Includes. They're a huge time saving feature. I use them on every site I build.
Server-Side Includes
http://www.smartwebby.com/web_site_design/server_side_includes.asp
Nancy O.

I am not able to edit the spry menu via dreamweaver

After having configured a spry-menu-horizontal-bar in my we page the
day before, I cam back to add more links, however, I found this error
message:
The following translator were not loaded due to errors:
PHP_MySQL.htm, has configuration information that is invalid.
Spry.htm: has configuration that is invalid.
SplyWidget.htm: has configuration information that is invalid.
XSLT.htm: has configuration information that is invalid
I am not able to edit the spry menu via dream weaver and doing the
modifications by hand is cumbersome and prone to errors.
Does anyone know how to solve this problem?
Have a good day!
http://www.tandooristyle.ca/ArbolOne1.html

Not sure exactly why, but somethings don't look normal like why you have a PHP_MYSQL.htm file?
Anyways, bets to post this on the Dreamweaver forum instead of the Developer Toolbox forum. You will get a much quicker response as this has nothing to do with the Adobe Dreamweaver Developer's Toolkit.
Brad Lawryk
Adobe Community Expert, Dreamweaver
Adobe Usergroup Manager, Northern British Columbia Adobe User Group

Fixing Some of the Spry Menu Limitations

Example and Tutorial:
http://www.projectseven.com/testing/adobe-bugs/spry-menus/
Spry menus bug me. Not because I dislike Adobe and not even because my company makes menu tools for Dreamweaver. Spry menus bug me because they are targeted at beginners, which are the very group that would not be able to understand or fix the limitations and problems. The little tutorial we prepared seeks to do that. Note, however, there is at least one fatal flaw in the Spry menus that ship with Dreamweaver and that is that the menus will not work in mobile devices. There is no easy fix for this so if you decide to go with Spry menus, understand that the sub-menus will not be accessible in mobile devices. In order to get that fixed one must use Spry 2.0, which does not come with Dreamweaver. Our tutorial is for beginners. It addresses real issues and I would hope it becomes something regularly referenced here.
Enjoy.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
Since 1998

Most modern menus allow for links on the root to be live. Tap once, the
sub-menu opens. Tap again, the link is executed. This has become the
convention. But keeping the root menu items null would get around the issue.

How to make a spry menu "fixed"

hey folks,
im redesigning my photography website, and the little technique i had in dreamweaver is rusty. i am going for a menu bar, across the top (with my name, and links to portfolio pages, contact info, etc.) to be visible at all times throughout the site. the body of the portfolio pages will be a horizontal scroll bar. the problem is that when i scroll to see the body, the spry menu scrolls away to the left with the rest. i just need a tip on either fixing the menu in one place despite what the rest of the page does, or if there is a better tool to use. perhaps just inserting the menu as an image and creating hot spots? or something like tables? i know there are several ways to get things done in programs like dreamweaver, just hoping for the one that loads best, looks best, and is easy to edit in the future. thanks!

Have a look here http://limpid.nl/lab/css/fixed/header-and-footer
Gramps

The flash clip is always in fron of my drop down spry menu. How can i bring my spry menu to the front?

Hi, Can someone pls help. I could get my dropdown spry menu to be shown as current when it pop outs, it goes behind my flash clip. How can i bring the spry menu to the front?

well this is the embedded code:
<object width="400" height="301">
          <param name="wmode" value="transparent">
          <param name="allowfullscreen" value="true" />
          <param name="allowscriptaccess" value="always" />
          <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=***&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" />
          <embed src="http://vimeo.com/moogaloop.swf?clip_id=9959732&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" width="400" height="301" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"></embed>
        </object>
So I think that's ok? For the rest, all I changed in the spry menu is that I multiplied the z-index twice (menu and submenus) by 10. But that can't be the problem...

How to align the spry menu pannel in dreamweaver cs4

Can someone tell me how to align the spry menu pannel either left, center, are right in a div tag? I'm talking the whole pannel I have within a div tag.
Thanks

Defaults to left align
To center ul.MenuBarHorizontal{margin: 0 auto; width: 32em;} addjusting the width to suit.
To align right ul.MenuBarHorizontal {float: right; width: 32em;} addjusting the width to suit.

Is there any way to disable the mouse-over function of the Spry Menu Bar (CS5)? Click-open preferred

Hello,
I'm using the standard CS5 Spry Menu Bar (Horizontal) in Dreamweaver. I have it set up exactly the way I want with CSS. However, I've very little experience with Javascript, consequently I'd like to ask anyone here for some help in modifying this aspect of the Spry Menu Bar. I'd like it to 'click-open' and not open when the mouse is over it. I've tried to change the delay variables in the code to something that has a longer duration in milliseconds; unfortunately, this tends to cause some bugs such as the menu re-opening once the mouse is no longer near it and other such bugs.
The ideal solution for me would be to have it open when it's clicked on once. The reason I need this is because the menu appears over some buttons - there's no way around this for me, it's the layout I absolutely must have. Although the buttons don't overlap with the menu, they are very close and it is annoying when your hand slips a little and the menu pops up over it all.
I'd appreciate any help at all, thank you.
PS:- The Javascript containing the delay variables I tried to modify.
Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {}

Hello,
Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
http://forums.adobe.com/message/139937#139937
Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
Thank you again, you've helped me a great deal.
Best wishes,
foreverdusty.

Howto: Random color in the spry menu

Im new to css and trying to use random colors when hovering over the links in the spry menu.
I anderstand i need to use javascript for the random hex value, but i cant figgure how to insert the value into the css.

Have a look at th Spry Element Selector Utility which can be found here http://labs.adobe.com/technologies/spry/articles/element_selector/ and here http://labs.adobe.com/technologies/spry/articles/data_api/apis/element_selector.html
I hope this helps.
Ben

Center the Spry Menu?

How does one get the Spry menu to align center (relative to
page size)? I'm doing a horizontal menu and it always stays
left-justified. I can't seem to get it to stay center via CSS
editing or anything like that. Any help? Thanks!

Using CSS you need to place a container around the menu with
the side margins set to auto.

How do you make a Spry menu view on all pages but only have to change it one place?

How do you make a Spry menu view on all pages but only have to change it one place? Someone told me maybe I could create a Library item. Any help will be appreciated.

If your pages all have the same basic design, using a DW Template would be a way to do it...
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7abea.h tml

How come iTunes keeps saying:"this iPod can not be used because the required software is not installed. Run the iTunes installer to remove iTunes, then install the 64 bit version of iTunes?" Wth...i am using the 64version.

Hi. How come iTunes keeps saying:"this iPod can not be used because the required software is not installed. Run the iTunes installer to remove iTunes, then install the 64 bit version of iTunes?" Wth...i am using the 64 bit version of itunes. Why does it keep saying that? Will someone Help me please!? This is is getting frustrating. I already had done a full removal of everything! I even removed and deleted my library...then had to put all 500 songs back on one by one. So, i don't have to remove everything again, just to get my ipod to work on here. You, know before the itunes update, my ipod and itunes were working just fine.

wow, that was a quick reply. lol. but i have removed everything. I wasn't even able to get iTunes on my computer for a little while. i kept getting errors on that. Now it's saying that the required software isn't installed. Hmm, could it be referring to Apple Mobile Device Support? That is supposed to be installed with when iTunes gets installed right? I only ask, because that didn't get installed with the itunes setup.

I colored the spry menu, but it's not showing up in preview.

I changed the color of my spry menu from beige to black. It shows up on my work page, but when I try to preview it, it's as if I had never changed the color. I also tried going to the page through Firefox, but it's not showing up there either. The code says the background of the menu is #000, One the design panels it says the background color is #000 as well. Can someone tell me what I'm missing that is making the spry menu stay at the default color?

Not a good option unfortunately.
"allow multiple consecutive spaces" is an old option in DW which should be discontinued. It simply inserts multiple non-breaking spaces when you press the spacebar.
It's ugly, and unpredictable since it depends on font sizes, browser text sizing etc.
Better to use CSS
letter-spacing http://www.w3schools.com/cssref/pr_text_letter-spacing.asp
word-spacing http://www.w3schools.com/cssref/pr_text_word-spacing.asp

How Can I deactivate CS3 in a machine where the Deactivate menu option is disabled all of the time?

We have a CS3 license. We lost the cd with the serial number. We want to deactivate the software in an old machine where it was registered to install it in a new machine, but the Deactivate menu option is disabled all of the time. How can we deactivate the software?

Use Web chat. Link at the bottom of this page:
Adobe ID, sign in, and account help

How do I make a Spry menu work on an iPod?

Hi there,
As the Spry menu will only appear on hover, it is not accessible on an iPod/iPhone - is there anyway to make them work differently so that when you touch them on the iPod screen, the drop down menu appears instead of taking you to a new page?
Many thanks,
Steven

The Spry 2.0 menu bar is optimized for mobile and accessibility. You can find more info about Spry UI at the Spry Site http://labs.adobe.com/technologies/spry/ui/
I hope this helps.
Ben

How do I keep the Spry menu fixed to the bottom of the header div?

Similar Messages

Maybe you are looking for