Spry Vertical Drop Down Menu- Links Moving about!

Hi Everyone.
I wondered whether anyone might be able to tell me what I am doing wrong?
When I go to create a spry vertical drop down menu using images instead of text as the links - all of my links jump slightly to the right. Or, in the case of sub-menus - slightly down.
I have put together a dodgy example below. I don't understand why it is moving the images around.. What am I doing wrong?
Apart from removing the original text and pressing insert > image object > rollover image - I have not changed any significant settings on the spry menu.
Edit: I have also tried adding "position: absolute;" tags to the spry coding, but it hasn't made any difference.

Please let me know how you can post code?
-jrntmd8r88

Similar Messages

Spry Vertical Drop down Menu

Help my vertical menu bar won't expand. I am using Dreamweaver CS3
I have to figure out a way to show you code I'll be back.
Home
Memberships
Committees
Board
Staff
News & Events
Event Calendar
Regional News
Youth Council Events
Services
Business Services
Current Funding
Resources
Job Seekers
Career Centers
Service Providers
Links
Contact Us

Please let me know how you can post code?
-jrntmd8r88

Spry Tab/Drop Down Menu conflict

When using spry tabs, my drop down menus go behind the tabs
and can't be read. This only happens on pc's. I am creating the
website on a mac running leopard. The template company is not
familiar with spry. It does not occur with spry accordiom.
http://www.gloucestertownshipschools.org/parentassoc.htm
Thanks for any insight anyone can provide.

Webkil wrote:
> I just created a spry horizontal drop down menu and have
a transparent
> background on the main menu. The transparency is there
with all browsers except
> IE. Wondering if anyone knows the problem.
>
> Thanks
>
> @charset "UTF-8";
>
> /* SpryMenuBarHorizontal.css - Revision: Spry Preview
Release 1.4 */
First thing you should do is to update to the latest version
of Spry which is Spry 1.6.1. Install the updater:
http://www.macromedia.com/go/labs_spry_download
Or grab the files from the Spry download package, I think
that they are in there:
http://labs.adobe.com/technologies/spry/home.html
Or pull directly from:
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarVertical.css
http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBar.js
Also, there's a forum dedicated to Spry, so it would be
better to be asking Spry questions there:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Regardless, you should post a link to your page, as it is
quite common to need to look at code from many of the files that
comprise the final page your visitors receive.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

I need vertical drop down menu

I need plugin vertical drop down menu for DW mx! Must be such
that drops or spreds only down, not right or up!
Can everyone know where I can get it?

Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"yazbar" <[email protected]> wrote in
message
news:felgkm$rc2$[email protected]..
>I need plugin vertical drop down menu for DW mx! Must be
such that drops or
>spreds only down, not right or up!
> I can swap 10 for 1 skripts (format *.js).

Cs4 vertical drop down menu button malfunctioning

I need some help please. My vertical drop down menu buttons have started to get small when you hover over them. They have been working great for over a year and now have started to do this. I don't know how to help the situation. gobhi.org
thanks!

That's because you have set the font-size to 18% on hover & focus. Change it to 100%.
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    color: #FFF;
    font-size: 18%;
    font-size:100%;
Nancy O.

Drop Down Menu Linked to Nav Bar

It looks like the default menu bar that opens up when you click a "my page" or drop down button is layered into the nav bar. That is, if the drop down menu is bigger than the navigation area, it is "hidden" behind that layer.
I would like to bring this menu forward one step, so that it is over the navigation. I can't find where to do this at.
Also, what was the thought behind hiding it, am I missing something about a possible conflict with a browser?
Thanks!
Kirk

Hi Kirk,
Do you mean how the drop downs do not go below the banner area? If so, it is done that way because of the burn-through problem. In IE a select box (and in Netscape all form inputs) are displayed above all other layers. That means if a there is a select box in one of the portlets on a page, and the drop down drops down over it, the select box will appear on top of the drop down. This will obscure the links in the drop down.
If you don't mind the burn through problem, then there is a variable in navhztlddmenufuncs.js that you can change the value of. Look for the following code in that file.
/* ** CONFIGURABLE SETTINGS ** Flag for only displaying dropdown menus over the header and community section area. This is done to avoid a browser intrinsic issue where certain form elements are drawn ontop of any divs/layers. Set to true by default, Netscape 7.x is the only browser that doesn't exhibit this problem, set this flag to false if Netscape 7.x is the only browser used. Optionally, this flag could be set based on the browser type. gMenuMAXRowsLimit only applies when gMenuUseBannerEndTags is false.*/var gMenuUseBannerEndTags = true;var gMenuMAXRowsLimit = 8;
- Mike DeCourcey

Vertical drop down menu with effects possible?

So I have a newbie question. I am using spry 1.6 in DW CS3
and I need a vertical navigation menu in the left column with
sub-navs that drop down in the same column (not fly out).
Should I use the spry menu or other spry widget to do this?
and can I incorporate a spry effect like slide into the menu?
I am playing around with this but have not found the right
combination yet.

Hi,
if I well understand your request, you should do the
following:
- insert in page a Spry Vertical MenuBar widget
- go in SpryMenuBarVertical.css file to this rule:
ul.MenuBarVertical ul and change the margin property from: margin:
-5% 0 0 95%; TO margin: -5% 0 0 0%;. This will make the submenu to
display right over the items from first level.
If I wrong understood your request please give us a page
where to see what you need and we'll let you know how to achieve
the desired behavior.
Thanks,
Diana

Vertical Drop Down menu works but..

The menu works ok on IE 9 but somehow on the other browsers (google chrome, firefox) whenever I hover my mouse down the menu, the sub menus does pops out but it just stays put whenever I continue to go down. I need help please, thanks.
http://www.rodriguezstudios.com/division9/
<div id="block1"><div id="navigation">
<div class="nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="aboutus.html">About Us</a>
</li>
<li>
<a href="products.html">Products</a>
<ul>
<li><a href="carpet.html">Carpet</a></li>
<li><a href="ceramic.html">Ceramic + Stone Tile</a></li>
<li><a href="resilient.html">Resilient</a></li>
<li><a href="hardwood.html">Hardwood</a></li>
<li><a href="laminate.html">Laminate</a></li>
<li><a href="matting.html">Matting + </a></li>
<li><a href="accessories.html">Accessories</a></li>
</ul>
</li>
<li>
<a href="services.html">Services</a>
<ul>
<li><a href="design.html">Design Support</a></li>
<li><a href="estimating.html">Estimating</a></li>
<li><a href="project.html">Resilient</a></li>
<li><a href="hardwood.html">Project Management</a></li>
<li><a href="installation.html">Installation</a></li>
<li><a href="refresh.html">Refresh</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
</ul>
</li>
<li>
<a href="install.html">Install</a>
<ul>
<li><a href="corporate.html">Corporate</a></li>
<li><a href="retail.html">Retail</a></li>
<li><a href="project.html">Resilient</a></li>
</ul>
</li>
</ul>
</div>
</div>
#navigation{
          position:absolute;
          width:165px;
          height:372px;
          margin: 0px 0px 0px 58px;
          background-color:#ff6501;
.nav ul, li, li li{
          margin:0;
          padding:0;
.nav{
          width:165px;
          height:30px;
.nav ul {
          light-height: 25px;
          z-index:1000;
.nav li{
          list-style:none;
          position:relative;
          background:#ff6501;
.nav li li{
          list-style:none;
          position: relative;
          background:          #ff6501;
          left: 165px;
          top:-27px;
.nav ul li a{
          width:165px;
          height:30px;
          display:block;
          text-decoration:none;
          text-align:center;
          font-family:Calibri;
          color: #fff;
          border: 1px solid #eee;
.nav ul ul{
          position:absolute;
          visibility:hidden;
          top:27px;
.nav ul li:hover ul{
          visibility:visible;
.nav li:hover{
          background-color:#f39355;
Your assitance would be greatly appreciated

Hi there,
The menu goes away after I mouse out on Safari, Chrome, and Firefox (running osx) Have you tried clearing your cache on those browsers?

I need help. how to make vertical drop down menu

I need help. I want on my site to make navigation as such on this site http://www.website24.eu/einstieg/. if you can help me and explain how?

like this http://www.jqueryrain.com/?3khGEoMY

Creating vertical drop down list in oracle apex.

Hi All,
Am using Oracle Apex 4.2 version. I want to create a vertical drop down menu.So, for that I have created a list with parent and child entries. But I dont know what to do after that.
Kindly help me in doing this.
Thanks,
Sravanthi.

refer following link
Grassroots Oracle: CSS pull down menu using APEX List
or use enkitec plugin
Enkitec : Products : Plug-ins : Details : Help

Drop down menu don't work!

Help me please!!!
What is wrong with that AS2 drop down menu (flash8)?
I want to make a button stay in its down state when it's clicked, and I did it for the MC buttons "Objectivity" and "Publications", but not for MC button "Fotography", that trigger the vertical drop down menu. I also want that the MC buttons "Objectivity and "Publications" make the "vertical drop down menu" reverse for it's original state (hide).
P.S. Of course, I want all the MC buttons link to their respective URL's.
Sorry for my english and annoying newbie questions!
Thank you very much!!!
Cagalhoto
Download file: http://rapidshare.com/files/415149494/menu_test.fla

it's not likely anyone will download and correct your files. most of us offer free help here but there's a difference between doing someone's work for them (and we do that too, but when we're hired) and helping someone do their own work.

Spry horizontal drop down problem in IE

I would appreciate some help with a project I'm working on. My spry horizontal drop down menu looks best in Apple Safari on a Mac and looks worst in IE 8 on a PC. There are also some problems apparent in Firefox for both PC and Mac.
The problem in IE is that the horizontal bar is not the correct height even though I have set the height in the css:
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    font-family: "Arial Narrow", Arial, Helvetica;
    font-size: 10pt;
    padding-top: 0.7em;
    padding-bottom: 0em;
    font-weight: normal;
    background-repeat: repeat-x;
    background-image: url(/2011images/gradientnav.jpg);
    height: 30px;
The drop downs are the correct size, just the top menu bar that is not the right size.
The menu bar is the correct height in Firefox and Safari, but in Firefox the menu bar is a few pixels higher than it should be.
Here's the page I'm working on.
http://westernstage.com/2011index.html

This may help http://foundationphp.com/tutorials/sprymenu/customize1.php
Also have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps

MENU CC 2014 DROP DOWN MENU

First / thank you for your patience with this obviously stupid question ...but
I have tried to make unsuccessfully a drop down menu in both Muse and Edge to use within Muse a > vertical > top down <not bottom up> menu.
In the new iteration of Adobe 2014 design / they now have my much craved vertical drop down menu.
Free Edge Animate CC | Download Adobe Edge Animate free trial
So, might there be some kind person who can point me to say, easy peasy lesson, script, downloadable file, video, you get the idea.
Thanks
bob

I can give a few suggestions on Photoshop CC 2014, but Lightroom is a separate forum and you should ask Lr questions there.
First close Photoshop.
Then start Photoshop by double-clicking on it's icon and very quickly after that, hold down the ctrl-alt-shift keys until you see the reset dialog. answer "Yes" to delete settings, and let Photoshop continue to load.
It's tricky to do and may take a few tries, but at least it should reset Photoshop CC 2014 to defaults.
Gene

Can't find the right drop down menu tutorial I'm looking forr

HI I'm trying to build a vertical drop down menu with five
buttons. the third button will have three options that are revealed
on rollover. The three options are revealed as the bottom two
buttons move down the stage and then move back again on roll out of
the third button. I hope this makes sense and that someone can
help. Any tutorials? Advise? Many Thanks

It's not under Security tab...Click on the Wireless tab and then Wireless Security subtab and you will see the drop down menu where you can select WEP/WPA...

The BBC is a drop-down menu item on my bookmarks toolbar. About 20% of the time, when I click on a news story, I get the link that's underneath, not the one on the drop-down menu. What the?

I don't understand why Firefox would take me to a link UNDERNEATH the link I clicked on in the drop-down menu. Items in the drop-down menu are supposed to be clickable. I'm tired of clicking on a BBC news story link only to be sent to the beanie babies page of Amazon.com.
== This happened ==
Not sure how often
== I installed my third-to-latest upgrade, about 3.5

To add a Pinterest icon to your Home Screen do the followiing:
In Safari:
Go to the Pinterest Website - http://pinterest.com
Touch the Share icon at the top (looks like a box with an arrow coming out)
Touch Add to Home Screen

Spry Vertical Drop Down Menu- Links Moving about!

Similar Messages

Maybe you are looking for