Horizontal Drop Down Submenu

I am still having the problem with submenus being displayed
vertically in IE 7 only. Everything looks fine in Firefox and
Netscape. I have read the articles and hacks for browser bugs but
still can't get this fixed in IE 7. I know it has something to do
with auto width because the problem doesn't appear until the widths
are changed. Any help is greatly appreciated!
Here is the test page:
Test Page
Here is the modified CSS.
CSS

To clarify: I'm trying to create a click-action drop-down menu as shown on this site:
http://www.script-tutorials.com/click-action-css3-dropdown-menu-with-jquery/
which I have been able to implement in Dreamweaver. The question is how to incorporate the html/css code in Muse and the suggested videos are not clear on this. I can get as far as inserting css (bracketed by Style tags) in the Page Properties dialog box, after which I'm lost. Any suggestions?

Similar Messages

Spry Horizontal drop downs not working in Chrome or FF

Hi,
I used the Spry Horizontal Drop downs, and they work fine locally and in IE, but not in Chrome or FF, you can't see the drop down sub menus. I'm using DW cs3, updated spry 1.6.1
Here is a link to the site
http://youcanseeithere.com/spa4/index.html
thanks so much, any help would be greatly appreciated

This is where your problem lies
#header {width:100%; overflow:hidden;}
The best way out of this is to make logo.png a background image

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

Version 3.6.17 Horizontal drop down menu is displaying as vertical text list. Page style set to basic. Menu works fine in Internet Explorer. Any hints?

Newly installed horizontal drop down menu works in IE. In Firefox, it displays as a vertical text list. Any hints?

Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove the Cookies" from sites causing problems:
* Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
* https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Horizontal drop down menu not staying open?

Hi there again,
So now I'm attempting to create a horizontal drop down menu. It is meant to be a vertical tab that sticks out, expands to the right, then expands and drops down.
However, when I hover over the button (which is the blue box) and click it, Flash thinks I'm clicking the button on the bottom. The technique I used to do it must be the problem. I'm using a button inside a button. (In place of the "over" state of my buttons, I have inserted a movie clip of which in itself are layers). I've tried so many things to try to make it work to no avail.
There must be an easier way to accomplish what I am doing...but as I've said before, I'm noob and experimenting.
The link to the uploaded .swf file is below. It isn't the final file, but it is a small sample of what I am trying to accomplish with the navigation.
http://www.swfcabin.com/open/1354160938
Thanks!

When you roll over the purple rectangle, it expands to the right. You have to move the cursor to the right to get the rectangle to expand down, exposing the blue rectangle. The problem that you see when you roll over the blue rectangle is because the rollover on the blue rectangle causes a rollout on the object below and this causes the rectangle below to shrink up.
You can control this, but you'll need to use Actionscript to achieve the effect. Here's a link to one way: http://www.senocular.com/pub/kirupa/as3tips_p6.html.

Horizontal drop down menu trouble

Hello,
I am trying to make a horizontal drop down menu which is
located at the top of my page, right on top of an
image.(www.citadelap.com/index_copy(2).htm). I have my code working
in IE when it is on it's own page, without the image, etc.
(www.citadelap.com/drop_menu.html). What do I have to do to get
this drop down menu to show over the image in IE??
Thanks for any help you can offer!!!

I have quickly looked at your markup and found too many problems to discuss here. What I have found so far
There is no DOCTYPE
SpryMenuBarHorizontal is doubled up
There is extensive use of absolute position where it is not neccessary
I suggest you go to here http://www.w3schools.com/
Gramps

CSS Horizontal Drop-down Menues

Hi,
I'm looking for help on how to create horizontal drop down
menu bars using Un-Ordered lists with changing backgrounds but not
using Java Script, but that work on multiple browsers.
Thanks
Brett

Can't do it wirhout some javascript.
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
==================
"Theminks" <[email protected]> wrote in
message
news:fgc2dd$aue$[email protected]..
> Hi,
>
> I'm looking for help on how to create horizontal drop
down menu bars using
> Un-Ordered lists with changing backgrounds but not using
Java Script, but
> that
> work on multiple browsers.
>
> Thanks
> Brett
>

Spry horizontal drop down goofup

In an attempt to shrink my button bar, the drop down is now acting crazy in iexplorer. When you hover over the drop down arrow, the drop down menu pops up in the upper left corner of the screen. What have I done? I even tried deleting then rebuilding the bar, but it still comes up in the wrong place.
www.mtcloud.com
Please help... active site is suffering from my ignorance.
Thanks in advance,
Scott Fields

ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 103px;
    position: absolute;
    left: -1000em;
   /*top: 32px;*/
/* 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: 10px;*/
    left: auto;
Make the above changes to your style sheet

Arrow colors in drop down submenu

I have a client that wants the black arrows in his submenus
from the drop down menu to be red.
Is there anyway that I can change the default black triangle
arrow that points to a sub menu link to be another color.
Here is an example.
Rollover on the Registration Link. You will see a bunch of
submenu options. He wants the black arrows to be red.
http://www.sacramentomedia.com/Youngsters/dropdownMenu.html
Thanks

200 lines of javascript in the head of the page, and a 30k
external js file
to get these crummy menus don't bode well. You know that the
menus cannot
be spidered and will not work at all if js is disabled,
right?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"distantskunk" <[email protected]> wrote in
message
news:eur88u$fpg$[email protected]..
>I have a client that wants the black arrows in his
submenus from the drop
>down
> menu to be red.
>
> Is there anyway that I can change the default black
triangle arrow that
> points
> to a sub menu link to be another color.
>
> Here is an example.
> Rollover on the Registration Link. You will see a bunch
of submenu
> options.
> He wants the black arrows to be red.
>
>
http://www.sacramentomedia.com/Youngsters/dropdownMenu.html
>
> Thanks
>
>
>

Spry Horizontal Drop Downs Don't Work in iOS

I designed a site a while ago in Dreamwaever using a horizontal Spry menu system. Whilst I tested it using all the common browsers and it works in all of them I discovered that the second level of sub menus didn't worl on the iPad and iPhones. Client was unhappy so I redesigned it with only one level of sub menu and all was happy with the world. He still is happy as he doesn't update his iPad, but I have discovered with my own iPhone that the drop downs don't work at all now. I am just starting to design another site and have used spry horizontal to test the holding page and this also doesn't work. I am using the very most up-to-date version of Dreamweaver as I have now used the subscription based system.
If Spry doesn't work on iOS then it is no use. Whilst I hate Apple's arogance with disallowing Flash, it is a very popular product and one cannot afford to design sites that can be read on iPads and iPhones.
Is there another way to make drop down style menus? Is there a fix for the Spry menus? I am not big on coding which is why I use Dreamweaver. I did try the version two of the Spry menus, but it appears that you have to hand code all the changes from the default set up and couldn't see any way of including images as I have done on this site.
The site I am using as an example is http://www.raj-bristol.co.uk/
Has anyone got any idea what to do about this problem?
Thanks
Ralph Ferrand
Vision Design UK Limited
www.vduk.co.uk

Spry is no longer being developed or supported by Adobe.
You would be much better off using jQuery Accordion: http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/
Or pure css/css3 menus: http://www.noupe.com/css/100-great-css-menu-tutorials.html
Arrogance has nothing to do with the lack of Flash on Apple products, well, maybe 10% arrogance:
http://www.apple.com/hotnews/thoughts-on-flash/
Adobe is also no longer developing Flash for mobile devices.
For video on mobile devices, HTML5 is the way to go now.

I can't see my drop down submenu on my menu bar...

Hi
I've created a spry menu bar and for some reason my sub menus are not dropping down when i hover over them when i test it on my server. They did at one point, so what could i have changed to make them disappear? I cant figure it out. can any one help?
thanks,
Aneka.

Aneka,
It is very hard for us to see what has gone wrong without being privy to the code.
Usually the problem is a non-functioning JS, but it could also be that you have introduced an FLV file with the wrong parameters.
Come to think of it, it could be a number of things.
Gramps

Help with Horizontal Drop down menu

Can someone tell me what is wrong with my style sheets. The
drop down menus aren't showing up in IE6, but work fine in Firefox,
Safari and IE7. I am certain it is something simple.
http://www.naylaw.com
Need help please.

Working for me on ie6

Horizontal Drop Down Menu

Another puzzler. I can't find
out how to change the width of a horizontal spry widget in CS3without changing them all.In
www.mccanngolfcourse.com/indextry1.htm
I want to make the Home button width less than the current 156 pixelsl
Please someone tell me how without changing all the rest of the widgets.
Thanks in advance.

Nancy, you are not at all cynical. You have been terrific,   Thanks. The
thing that has me going is that I accidentally did what I want to do but I
cannot repeat it. Thanks for the input.
Joe
In a message dated 1/31/2010 5:10:23 P.M. Eastern Standard Time,
[email protected] writes:
I don't mean to be cynical, but what do you expect from Spry menus?
Personally, I don't use them.   I think there are much better menu systems you
can use that WILL do what you want without re-writing the entire code.
This menu is set to auto and it works in all browsers. Also notice how
simply the CSS code is written.
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
PVII CSS Express Drop menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
If you want Professional results quickly,
*Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media   Specialists
http://www.alt-web.com/
http://www.twitter.com/altweb
http://www.alt-web.blogspot.com/

Drop down menu in CSS

After someone suggested the P7 link (
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm[i
), I was able to reverse engineer it and figure out how it works
(obviously not a feat of genius, but I'm new at this). Anyway, I
got it working, made some changes to and and had a functioning
horizontal drop down menu bar to pop into my own site.
So I renamed everything, linked the .js to the HTML page in
the <head>, put the CSS into the attached style sheet, etc.
Everything was going great until I previewed it and realized that
the drop downs were happening behind the "bottom_half_wrapper"
elements rather than on top of them all.
So then I played with the z-index and put the nav bar on the
2nd level. No dice.
Also, you cannot scroll down the drop down menus without them
disappearing.
How should I be approaching this? I think that what is
especially hindering me is my lack of javascript knowledge. I am
under the gun at work and learning all of this on the fly. I have
attached the relevent code, but cannot publish the site since I am
at a large educational institution and do not have permission to
publish it to our server yet.
Thanks!

I don't think there is a correct answer to your questions, just opinions and options that all have a place in design decisions. Not all people will allow javascript or Flash content, so sticking with a CSS/html approach will help maximize the potential audience. But CSS/html-only solutions can end up lacking interesting functional/interactive elements. So the choice really comes down to using what works best to make the site performance what it needs to be.

10g Skins and Content HTML - Drop down menus not displaying correctly

Have constructed an HTML Skin with horizontal drop down menu.
Also constructed an HTML Content area with left, middle and right columns (constructed in CSS).
When I activate drop down menus they fall behind the content in the Content area and also has become see-through!
Any suggestions on how to bring them to the front again using the skin/content structure.
Any help would be greatly appreciated (and I am not programmer so please be very clear in your instructions).
Thanks
Jo

Have constructed an HTML Skin with horizontal drop down menu.
Also constructed an HTML Content area with left, middle and right columns (constructed in CSS).
When I activate drop down menus they fall behind the content in the Content area and also has become see-through!
Any suggestions on how to bring them to the front again using the skin/content structure.
Any help would be greatly appreciated (and I am not programmer so please be very clear in your instructions).
Thanks
Jo

Horizontal Drop Down Submenu

Similar Messages

Maybe you are looking for