Animated drop down buttons not working in movie clip
Hi,
I am working on this site: (AS2)
http://www.steamandclean.com/Index_w_1.html
I have two types of drop down menu. One under Commercial and one under Technical
The buttons are movie clips. The drop downs are also movie clips that start in frame 2 and are triggered on rollover.
The child buttons are buttons living on the drop down movie clips. They are set to getURL
As you see they are not willing to neither link to any url or will they run their move clip animation. One is a button and one is a movie clip.
The left movie clip has a mask, but it makes no difference if I remove the mask . It also has a emboss filter and no difference is I take that away either.
All of it is in one flash movie right now, but I will be splitting it up in a master navigation movie and individual swf's soon.
Right now I have the main movie, then the button MC then the dropdown MC and in the drop down MC I have placed either a animated (button) MC or a button. So it nested in nested in.......
In both cases I scripting the child buttons like this:
on (rollOver) {
gotoAndPlay(2);
on (rollOut) {
gotoAndPlay(6);
on (release) {
getURL("http://steamandclean.com");
I have also tried to use
_parent.getURL and _root.getURL in stead of just get URL, but it does not work.
The drop down buttons seem to be buried. In the left side the whole drop down panel seems to act like a link?
What am I doing wrong?
Can you help?
ggaarde
Hi Ned
Thank you for your reply again.
I figured it out.
Your reply prompted me to have my main button on rollover to go to a frame number on the main time line and then move the content of the drop down movie clip to that frame.
The drop down panel now work and the child buttons animation now work as well. I just had to find a way to make the drop down panel disappear on rollout. Since I could not script the actual drop down panel I created three skinny invisible buttons and placed them on the right, left and button of the drop down panel. I scripted them to go back to frame 1 on both rollover and rollout. Done.
See the result there:
http://www.steamandclean.com/Index_w_1.html
(Left side only)
Thank you for your help.
ggaarde
Similar Messages
-
Buttons not working in movie clips
I have multiple movie clips on stage (all in separate layers, of course) as well as buttons on stage to play each movie clip. There are buttons inside each movie clip. The problem is that the buttons inside the top layered movie clip work, but the others in the movie clips below don't.
This is frustrating!! Can anyone help???It shouldn't matter which layer things are on. If they are separate movielcips, one should not impact another. What version of actionscript are you using? Do any of the movieclips have mouse interactive code assigned to them?
-
Button not working in Movie Clip
I'm building a small 'table builder' app for a client. This
is my first major project in flash and I've encountered something I
cannot figure out for the life of me.
In the .fla below there's a movie clip 'scroller' it has
buttons in it which load .png's to the main stage. Some of the
buttons work, some don't.... I can't figure out why. Even when I
duplicate a button sometimes it doesn't work.??? If I take a button
that's not working in the movie clip and cut/paste onto the main
timeline it ALWAYS works. I've been pulling my hair out over this
for the last two days . I have even started the whole project from
scratch just to try and find out where I went wrong... but to no
avail..... Any help would be GREATLY appreciated. I'm stuck on a
hump and I need some help to get off of it.
Here's a link to my file. I've stripped away all the styling
elements so it should be pretty clean cut when you see it. Thanks
for any help or guidance!
http://www.buddyscampfire.com/tableBuilder.zipA few errors: Scene 1 frame 1 Actions layer. You are
referring to buttons inside of the scroller, and you don't have
too. They aren't doing anything. All you need on that frame is:
function startLoading(whichImage) {
loadMovie(whichImage, "imageLoader");
_root.onEnterFrame = function() {
infoLoaded = imageLoader.getBytesLoaded();
infoTotal = imageLoader.getBytesTotal();
percentage = Math.floor(infoLoaded/infoTotal*100);
infoField.text = percentage+"%";
if (percentage>=100) {
delete this.onEnterFrame;
infoField._visible = false;
Then on the Scroller you have that function again. Remove it
from the scroller, as it does nothing there. Inside of the scroller
all you need is code to attach png files from pressing the buttons.
Make sure each button has a unique instance name, which isn't the
case right now. You have like three buttons called imgbtn1. Fix
that. -
Lumia 720 volume down button not working
Hey buddies, I'm using lumia 720 and often i get this volume down button not working.
I changed the button by giving it in nokia care for 3times and still im facing the same problem.
And also noticed that this is happening to most of the lumia 720's.
so kindly look into it and rectify the problem as soon as possible.
If there is any solution for this, kindly reply me.
Thanks in advance...!Your only solution would be to return the unit back to nokia care for inspection,if there is a recurring issue with this im sure nokia would be aware of it now,and it could be a slight manufacturing defect which again would be looked into.
If i have helped at all a click on the white star below would be nice thanks.
Now using the Lumia 1520 -
Drop Down menus not working in newest Internet Explorer.
Drop Down menus not working in newest Internet Explorer. Ant suggestions??
<script language="JavaScript" src="mm_menu.js">
Wait - are you using the long-discredited Macromedia "Popup menus"?
I'm surprised those still work in any browser. You should read this about them -
http://www.losingfight.com/blog/2006/08/page/3/
It's illuminating.... -
Drop down menus not working in Firefox 24.0
Drop down menus not working in Firefox 24.0 but they still work in Safari/IE/Chrome.
http://www.horizonhomes-samui.com/
I'm using Windows 8.OK
Application Basics
Name: Firefox
Version: 24.0
User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
Extensions
Name: Adobe Acrobat - Create PDF
Version: 1.2
Enabled: false
ID: [email protected]
Name: Wondershare Video Converter Ultimate
Version: 6.0.0
Enabled: false
ID: {8D150B8F-EFE8-45a3-A4A3-053020F48FAC}
Important Modified Preferences
browser.cache.disk.capacity: 358400
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.disk.smart_size_cached_value: 358400
browser.places.smartBookmarksVersion: 4
browser.startup.homepage_override.buildID: 20130910160258
browser.startup.homepage_override.mstone: 24.0
browser.urlbar.autocomplete.enabled: false
extensions.lastAppVersion: 24.0
gfx.direct3d.last_used_feature_level_idx: 0
network.cookie.prefsMigrated: true
places.database.lastMaintenance: 1382343540
places.history.expiration.transient_current_max_pages: 104261
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
privacy.sanitize.migrateFx3Prefs: true
storage.vacuum.last.index: 0
storage.vacuum.last.places.sqlite: 1382343540
Graphics
Adapter Description: Intel(R) HD Graphics 3000
Adapter Drivers: igdumd64 igd10umd64 igd10umd64 igdumd32 igd10umd32 igd10umd32
Adapter RAM: Unknown
Device ID: 0x0116
DirectWrite Enabled: false (6.2.9200.16581)
Driver Date: 7-31-2012
Driver Version: 9.17.10.2828
GPU #2 Active: false
GPU Accelerated Windows: 0/1 Basic
Vendor ID: 0x8086
WebGL Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics 3000 Direct3D9Ex vs_3_0 ps_3_0)
windowLayerManagerRemote: false
AzureCanvasBackend: skia
AzureContentBackend: none
AzureFallbackCanvasBackend: cairo
JavaScript
Incremental GC: true
Accessibility
Activated: true
Prevent Accessibility: 0
Library Versions
NSPR
Expected minimum version: 4.10
Version in use: 4.10
NSS
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSSMIME
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSSSL
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSUTIL
Expected minimum version: 3.15.1
Version in use: 3.15.1 -
Homepage drop down menu not working - no stray file.
The site is: http://ww.qtadvisors.com
The drop down menus are working on every page but not on the homepage. The only thing I added recently was the Twitter feed. Can someone help? I looked for any stray files and there are none.
thanks!
SteveIt appears you were able to figure this out. The sub-menus are working fine on the home page.
Thanks,
Vinayak -
Username Drop Down Menu Not Working
I'm having an issue with the drop down menu when I'm attempting to sign on or auto fill on certain websites. I have checked and indeed Firefox has saved usernames and passwords but it will not show up in the drop down box. When I double click on the box to sign in the drop box opens but everything is blank. If I manually type in the username then the password will auto fill. I have checked all my settings and I'm not in private browsing, I'm saving cookies and I'm not auto deleting anything when I sign off.
Any ideas on what could be the problem? I have attached a link to see a screen save of the issue.
Thank you in advance for all your assistance.
http://img148.imageshack.us/img148/5686/firefoxusername.pngYes, I was using the form fill feature on the google toolbar. I have been using it for awhile with no problems but I turned it off and now my drop down menu is working properly.
Thank you for replying! -
Why are my slide shows disappearing and drop down menus not working?
I have a huge problem with clients currently waiting on a response from us.
We have created a website with MUSE, we have implemented slideshows and drop down menus which work fine when you preview them.
HOWEVER, once we put an editor in place for the client to then input their content onto the website, all of the slideshows disappear and the drop down menus no longer work!?
What do I do to rectify this problem??
Thanks GuysThis actually did work... But, I have figured out that the issue is really in IE7... and for whatever reason the code was making IE8 go into compatability mode (essentially using IE7).
-
Hello. I'm using RoboHELP HTML v. 6, and I'm working on
Windows XL. Within my help system, I have several drop-down
hotspots. These work fine while I'm testing on my C: drive. But
when I issue them to our test environment, the hotspot test is not
hidden. It's already expanded. I think I've read where this could
happen on older operating systems, but I can't figure out why it's
happening here. Anyone know?
Thanks,
Mary BethTry deleting the cache.db file.
Go to ~ / Library / Caches/com.apple.Safari
Move the Cache.db file from the com.apple.Safari folder to the Trash and restart your Mac.
~ (Tilde) represents your Home folder
Also, go to Safari / Preferences then select the AutoFill tab.
Click the Edit button next to: Other forms
Delete the sites you have problems with autofill then click Done.
Quit then relaunch Safari to test. -
Spry drop down menu not working after page created from template
Hi all.
I created a template and the drop down Spry menu is working fine on local testing on my browser as follows:
I then created a New Page from this above Template. I did no alteration to this new page and just saved it as index.html but when previewing it in the browser, the Spry drop down menu is not working and the page displays as follows:
Here is my site map:
Any help to show where I am going wrong would be much appreciated.
Thanks.Dear Nancy
Very grateful for your reply.
On Design View and Preview in browsers the index.dwt page spry works fine.
When I create a child page from this template page, the child page looks fine in design view but does the spry fails to preview in browsers (the spry just shows as words and not drop down menus).
Here is the code:
<!--
#apDiv1
#apDiv2
#apDiv3
#apDiv4
-->
<!--
#apDiv5
#apDiv6
#apDiv7
#apDiv8
#apDiv9
a:link
a:hover
#apDiv10
body {
margin-bottom: 0px;
margin-top: 0px;
#apDiv11
-->
!/cooltext454549176.png|height=170|width=631|src=/cooltext454549176.png!
!/logosmall.jpg|height=58|hspace=0|width=150|src=/logosmall.jpg|vspace=0!
Disclaimer:
Studentshub is a platform for listing services as advertised/promoted by the Companies and individuals concerned. Studentshub does not endorse any of the contents on this site. Studentshub accepts no responsibility for any arrangements, purchase, contracts, agreements, refunds, failure to deliver services etc between individuals, landlords, clubs, organisations, companies etc. This does not affect your statutory rights (2009)
*Contact !/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!
Sitemap !/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!*
© www.studentshub.co.uk *
!/bluebutton.gif|height=10|alt=Blue button|width=10|src=/bluebutton.gif!
!/cooltext454549388.png|height=138|width=700|src=/cooltext454549388.png!
[LIVE | #]
[CAMPUS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[HOUSE SHARE | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[RENT | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[BUY | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[WORK | #]
[EMPLOYMENT AGENCIES | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[PART TIME | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[VOLUNTEERING | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[WORK ABROAD | #]
[TRAVEL | #]
[BUS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[TRAIN | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[COACH | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[FLIGHTS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[CYCLE | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[FUN | #]
[NIGHTS OUT | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[DAYS OUT | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[GROUP OUTINGS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[HOLIDAYS | #]
[UK | #]
[ABROAD | #]
[SHOPPING | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[BOOKS | #]
[BOOKSHOPS | #]
[USED BOOKS | #]
[HEALTH | #]
[NHS DIRECT | #]
[HOSPITALS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[WALK IN CLINICS | #]
[DERBYSHIRE | #]
[NOTTINGHASHIRE | #]
[LEICESTERSHIRE | #]
[GUM CLINICS | #]
[DERBYSHIRE | #]
[NOTTINGHAMSHIRE | #]
[LEICESTERSHIRE | #]
[HOME | #]
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", );
//-->
</script>
</body>
<!-- InstanceEnd --></html -
FIREFOX FRONTMOTION DROP DOWN MENU NOT WORKING
My company recently gave us Frontmotion Firefox, I am so happy to finally quit using IE. My company's website works fine with IE, all is well except on mouseover the drop down menus do not appear (This is also true for any website I try). I have looked all over the internet for a solution but all the questions and answers are about developers and code writing. I see there is the ability to "inspect element" and make changes to the code but I don't get it. I have tried in safe mode but nothing happens, I really don't have add-ons either. Please help I love Firefox and would like to continue using it.
Try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://hacks.mozilla.org/2010/09/hardware-acceleration/
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode -
Acrobat X 10.1.1 - Colors picker drop down menus not working
Colours picker drop down menus are not working stuck on default in all selections - Is there any work around / any other way to bring in or select an exact RGB / HEX etc colour besides using this picker if it doesn't work?
- ChrisYou can programmatically set the various field colors (text, background, border) using JavaScript. For more information:
Color arrays: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.260.html
textColor property: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.726.html
So you could set up a temporary button and use the following script in the Mouse Up event:
// Set the text color to the RGB color (237,121,5),
// which is a nice pumpkin color
getField("text1").textColor = ["RGB", 237/255, 121/255, 5/255]; -
Spry drop down menu not working when tested in ie7, does in FF and safari on mac
Please help! I have a spry dropdown menu on a page, when tested in FF and Safari it works fine, but when tested in IE the menus don't drop down and the styling to the over state seems to be being ignored. I have attached the code and css below.
As I am just on the build stage it is in a template, I have not made any editable regions on the template as yet, this should not matter should it? As is probably obvious already I am quite new to this! Please help!
CODE
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../about us/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>about us</a>
<ul>
<li><a href="../calander/index.html" target="_self"><p></p>calendar</a></li>
<li><a href="../oompah page/index.html" target="_self">oompah brass</a></li>
<li><a href="../merchandise/index.html" target="_self"><p></p>merchandise</a></li>
</ul>
</li>
<li><a href="../beer/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>beers</a>
<ul>
<li><a href="../beer/book a keg/index.html" target="_self"><p></p>book a keg</a></li>
</ul>
</li>
<li><a href="../events/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>events</a>
<ul>
<li><a href="../events/oktoberfest events/index.html" target="_self"><p></p>oktoberfest events</a></li>
<li><a href="../events/corporate/index.html" target="_self"><p></p>corporate</a></li>
<li><a href="../events/stag hen/index.html" target="_self"><p></p>stag/ hen</a></li>
<li><a href="../events/birthday group/index.html" target="_self">birthday/ group</a></li>
</ul>
</li>
<li><a href="../sports/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>sports</a>
<ul>
<li><a href="../bayern supporters club/index.html" target="_self"><p></p>Bayern Munich uk</a> </li>
</ul>
</li>
<li><a href="../menu/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>food</a>
<ul>
<li><a href="../menu/everyday menu/index.html" target="_self"><p></p>everyday menu</a></li>
<li><a href="../menu/special menu/index.html" target="_self">special menu</a></li>
</ul>
</li>
<li><a href="../package and tickets/index.html" target="_self" class="MenuBarItemSubmenu">packages and tickets</a>
<ul>
<li><a href="../terms and conditions/index.html" target="_self">terms and conditions</a></li>
</ul>
</li>
<li><a href="../double knuckle challenge/index.html" target="_self">double knuckle challenge</a></li>
<li><a href="../gallery/index.html" target="_self"><p></p>gallery</a></li>
<li><a href="../contact/index.html" target="_self"><p></p>contact us</a></li>
</ul>
CSS
@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: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 900px;
text-align: center;
vertical-align: middle;
/* 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;
text-align: center;
cursor: pointer;
width: 100px;
float: left;
height: 50px;
/* 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: 100px;
position: absolute;
left: -1000em;
background-color: #f8ba16;
color: #000099;
/* 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: 100px;
color: #300;
background-color: #f8ba16;
/* 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-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #000099;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #000099;
text-decoration: none;
/* 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: #33C;
color: #FFF;
/* 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: #f8ba16;
color: #300;
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-repeat: no-repeat;
/* 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-repeat: no-repeat;
/* 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-repeat: no-repeat;
/* 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-repeat: no-repeat;
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;
Many thanks in advance.Please help! I have a spry dropdown menu on a page, when tested in FF and Safari it works fine, but when tested in IE the menus don't drop down and the styling to the over state seems to be being ignored. I have attached the code and css below.
As I am just on the build stage it is in a template, I have not made any editable regions on the template as yet, this should not matter should it? As is probably obvious already I am quite new to this! Please help!
CODE
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../about us/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>about us</a>
<ul>
<li><a href="../calander/index.html" target="_self"><p></p>calendar</a></li>
<li><a href="../oompah page/index.html" target="_self">oompah brass</a></li>
<li><a href="../merchandise/index.html" target="_self"><p></p>merchandise</a></li>
</ul>
</li>
<li><a href="../beer/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>beers</a>
<ul>
<li><a href="../beer/book a keg/index.html" target="_self"><p></p>book a keg</a></li>
</ul>
</li>
<li><a href="../events/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>events</a>
<ul>
<li><a href="../events/oktoberfest events/index.html" target="_self"><p></p>oktoberfest events</a></li>
<li><a href="../events/corporate/index.html" target="_self"><p></p>corporate</a></li>
<li><a href="../events/stag hen/index.html" target="_self"><p></p>stag/ hen</a></li>
<li><a href="../events/birthday group/index.html" target="_self">birthday/ group</a></li>
</ul>
</li>
<li><a href="../sports/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>sports</a>
<ul>
<li><a href="../bayern supporters club/index.html" target="_self"><p></p>Bayern Munich uk</a> </li>
</ul>
</li>
<li><a href="../menu/index.html" target="_self" class="MenuBarItemSubmenu"><p></p>food</a>
<ul>
<li><a href="../menu/everyday menu/index.html" target="_self"><p></p>everyday menu</a></li>
<li><a href="../menu/special menu/index.html" target="_self">special menu</a></li>
</ul>
</li>
<li><a href="../package and tickets/index.html" target="_self" class="MenuBarItemSubmenu">packages and tickets</a>
<ul>
<li><a href="../terms and conditions/index.html" target="_self">terms and conditions</a></li>
</ul>
</li>
<li><a href="../double knuckle challenge/index.html" target="_self">double knuckle challenge</a></li>
<li><a href="../gallery/index.html" target="_self"><p></p>gallery</a></li>
<li><a href="../contact/index.html" target="_self"><p></p>contact us</a></li>
</ul>
CSS
@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: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 900px;
text-align: center;
vertical-align: middle;
/* 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;
text-align: center;
cursor: pointer;
width: 100px;
float: left;
height: 50px;
/* 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: 100px;
position: absolute;
left: -1000em;
background-color: #f8ba16;
color: #000099;
/* 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: 100px;
color: #300;
background-color: #f8ba16;
/* 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-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #000099;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #000099;
text-decoration: none;
/* 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: #33C;
color: #FFF;
/* 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: #f8ba16;
color: #300;
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-repeat: no-repeat;
/* 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-repeat: no-repeat;
/* 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-repeat: no-repeat;
/* 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-repeat: no-repeat;
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;
Many thanks in advance. -
Drop down Menu not working.
<!DOCTYPE HTML>
<html>
<head>
<title>Riding Bean Abridged</title>
<link href="RidingBean/RBAStyle.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#000000" text="#FFFFFF" link="#FF0000" vlink="#0000FF" alink="#FF00FF">
<p><img src="../Graphics/RidingBeanBanner.png" width="750" height="150">
</p>
<div style="font-size:36px">
<div style="color:#9900CC"> Project Status: Complete || <a href="https://www.youtube.com/watch?v=RkIm81Nlab0">Watch It Now!</a>
</div>
</div>
</br>
<div align="left" style="font-size:18px">
Bean Bandit aka The Road Buster is a local freelance courier for hire. While he and his partner Rally Vincent, sweet natured gun toting blonde, are sought after by the local P.D. and an Inspector with a fuel tank for a brain, it's not the local cops he's worried about but his string of new clientele. From being the get away driver for a moron to the patsy of a kidnapping, Bean and Rally have their work cut out for them in this insanely hilarious rendition. Oh did we mention, Bean's not exactly your average freelancer <img src="../Graphics/wink.png" width="25" height="25">.
</div>
<div id="nav">
<div id="nav_wrapper">
<ul>
<li><a href="#">CAST</a>
<ul>
<li><a href="#"> Stars </a></li>
<li><a href="#"> Supporting </a></li>
<li><a href="#"> Extras </a></li>
<li><a href="#"> Voice Only </a></li>
</ul>
</li>
<li><a href="#"> EXTRAS</a></li>
<li><a href="#"> RBA'S DEVELOPMENT</a></li>
</ul>
</div>
</div>
<div style="font-size:24px" align="center"><div style="color:#FF0000">Characters and Cast</div></div></p>
<table width="100%" border="0" style="font-size:18px">
<tr>
<td width="15%"></td>
<td width="15%"></td>
<td width="5%"></td>
<td width="15%"></td>
<td width="15%"></td>
<td width="5%"></td>
<td width="15%"></td>
<td width="15%"></td>
</tr>
<tr align="center">
<td>Character Picture</td>
<td>Character Name &<br>
Voice Actor</td>
<td> </td>
<td>Character Picture</td>
<td>Character Name &<br>
Voice Actor</td>
<td> </td>
<td>Character Picture</td>
<td>Character Name &<br>
Voice Actor</td>
</tr>
<tr>
<td><p><img src="RidingBean/ridingbean3.jpg" width="250" height="200"></p></td>
<td align="center"><p>Bean Bandit</p>
<p>Blinkyxx</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/Dispatcher.jpg" width="250" height="200"></td>
<td align="center"><p>Dispatcher</p>
<p>Kaliopae</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/Accomplis.jpg" width="250" height="200"></td>
<td align="center"><p>Accomplice</p>
<p>Blinkyxx</p></td>
</tr>
<tr>
<td><p><img src="RidingBean/500px-RidingBeanCZ75.JPG" width="250" height="200"><br>
</p></td>
<td align="center"><p>Rally Vincent</p>
<p> Emiloser</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/rb06j.jpg" width="250" height="200"></td>
<td align="center"><p>Naked Hostage</p>
<p>Kaliopae</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/GrimwoodGuard.jpg" width="250" height="200"></td>
<td align="center"><p>Grimwood Guard 1</p>
<p>Warriortitan</p></td>
</tr>
<tr>
<td><p><img src="RidingBean/Percy.jpg" width="250" height="200"><br>
</p></td>
<td align="center"><p>Inspector Percy</p>
<p>Zerograves</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/Waitress.jpg" width="250" height="200"></td>
<td align="center"><p>Waitress</p>
<p>Kaliopae</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/Police2.jpg" width="250" height="200"></td>
<td align="center"><p>Police Man 2</p>
<p>Blinkyxx</p></td>
</tr>
<tr>
<td><img src="RidingBean/Summerlin.jpg" width="250" height="200"></td>
<td align="center"><p>Summerlin</p>
<p>Enticingaria413</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/Robber.jpg" width="250" height="200"></td>
<td align="center"><p>Robber</p>
<p>Blinkyxx</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/500px-RidingBean1911.JPG" width="250" height="200"></td>
<td align="center"><p>Security Guard 1</p>
<p>Manic Amza</p></td>
</tr>
<tr>
<td><img src="RidingBean/Riding_Bean_Carrie1s.jpg" width="250" height="200"></td>
<td align="center"><p>Carrie</p>
<p>RedODonnell</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/char_23847_thumb.jpg" width="250" height="200"></td>
<td align="center"><p>Morris</p>
<p>Gimrak</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/500px-RidingBeanAR15.JPG" width="250" height="200"></td>
<td align="center"><p>Grimwood Guard 2 & 3</p>
<p>Arnel De Leon</p></td>
</tr>
<tr>
<td><img src="RidingBean/LtDick.jpg" width="250" height="200"></td>
<td align="center"><p>Lt. Dick</p>
<p>GaoGaiKingTheGreat</p></td>
<td> </td>
<td><img src="RidingBean/char_23839_thumb.jpg" width="250" height="200"></td>
<td align="center"><p>Chief</p>
<p>Edude77</p></td>
<td align="center"> </td>
<td align="center"><img src="RidingBean/x19_movies_RidingBean_AnimationMovie_1989.jpg" width="250" height="200"></td>
<td align="center"><p>Rnadom Couple</p>
<p>Male: Manic Amza<br>
Female: Averoxot</p></td>
</tr>
<tr>
<td><img src="RidingBean/47441.png" width="250" height="200"></td>
<td align="center"><p>Chelsea</p>
<p>Enticingaria413</p></td>
<td> </td>
<td><img src="RidingBean/Police1.jpg" width="250" height="200"></td>
<td align="center"><p>Police Man 1</p>
<p>Zerograves</p></td>
<td align="center"> </td>
<td align="center">No Picture</td>
<td align="center"><p>Security Guard 2 <br>
Patman</p>
<p> Security Guard 3<br>
Gimrak
<br>
</p></td>
</tr>
<tr>
<td><img src="RidingBean/grimwood01.jpg" width="250" height="200"></td>
<td align="center"><p>Mr. Grimwood</p>
<p>Zerograves</p></td>
<td> </td>
<td><img src="RidingBean/rick_riding_bean_35514.jpg" width="250" height="200"></td>
<td align="center"><p>Tucker</p>
<p>Manic Amza</p></td>
<td align="center"> </td>
<td align="center">Voice Only</td>
<td align="center"><p>Walter</p>
<p>Blinkyxx</p>
<p>Random Woman</p>
<p>Kaliopae</p></td>
</tr>
</table>
</body>
</html>
@charset "UTF-8";
/* CSS Document */
#body{
padding:0;
margin:0;
overflow-y: scroll;
font:Arial;
font-size:18px;
#nav{
background-color:#999;
#nav_wrapper{
width: 960px;
margin: 0 auto;
text-align: center;
#nav ul{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
#nav ul li{
display: inline-block;
margin:10px;
li
#nav ul li:hover{
background-color:#FFFFFF;
#nav ul li a,visited{
color:#03F;
display:block;
padding: 0;
text-decoration: none;
#nav ul li a:hover{
color:#03f;
text-decoration: none;
#nav ul li:hover ul{
diaplay: block;
#nav ul ul{
display: none;
position: absolute;
background-color: #FFFFFF;
border: 5px solid #222;
border-top: 0;
margin-left: -5px;
So here is all my code/tag, everything works fine until we get to the drop down part. The UL UL doesn't create the drop down. The idea here is to get rid of all this outdate tabling I was using for this page. However, my attempts to make this drop down menu work aren't going well. Can anyone help me find the problem?I think the problem is in your HTML code.
<nav>
<ul>
<li><a href="#">Top Level Menu 1 ▼</a>
<ul>
<li><a href="#">Sub_menu1a</a></li>
<li><a href="#">Sub_menu1b</a></li>
</ul>
</li>
<li><a href="#">Top Level Menu 2 ▼</a>
<ul>
<li><a href="#">Sub_menu2a</a></li>
<li><a href="#">Sub_menu2b</a></li>
<li><a href="#">Sub_menu2c</a></li>
<li><a href="#">Sub_menu2d</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a></li>
</ul>
</nav>
See this jS Fiddle
CSS Menu - JSFiddle
Nancy O.
Maybe you are looking for
-
Right way to get interface counters in TCL/EEM
Hello Experts, I am looking for your advise about the best way to deal with interface counters inside TCL/EEM on XR. The ultimate goal is to compare rate (bps/pps) over two 10G interfaces and alert user in case they are differ more than 15-20% . I ca
-
I've been adding a lot of contacts on my iPhone lately and now I wanted them synced to the Address Book on my Mac. This just wouldn't work for me, none of the new contacts would turn up on the Mac, no matter what I tried. After pulling my hair plenty
-
In setting up ICloud on my new Iphone 4s, I lost most of my calendar events in my Outlook 7 calendar in my Vista PC. I used to have MobileMe but in the set-up process was told to turn that off, which I did but now most of my calendar events have dis
-
Do I need to unplug my iphone once it is fully charged?
Do I need to unplug my iphone once it is fully charged?
-
how the **** do i talk to someone at apple since this ******* website keeps taking me in circles