This site has a dropdown menu associated with 2 of the navigation links: "Services" and "Community Care"
I want the menu to drop down below the default text but instead its going to the top left corner of the screen. Im assuming it has to do with the container or a z-index but I dont what I need to do to make it function properly.
This it the link to the current site that works correctly: http://www.amerimedems.com/index.html
This is the site in progress: http://www.healthquestpt.com/aems/
The dropdownmenu.js script is here: http://www.healthquestpt.com/aems/scripts/dropdownmenu.js
And the css file is here: http://www.healthquestpt.com/aems/styles.css
Thanks for your help!!!
I have got it fixed to where the menu now drops below the text as it should, but it drops the whole container down with it. In Mozilla every dropmenu travels to the left side of the container rather than under the text.
This is the site in progress: http://www.healthquestpt.com/aems/
The dropdownmenu.js script is here: http://www.healthquestpt.com/aems/scripts/dropdownmenu.js
And the css file is here: http://www.healthquestpt.com/aems/styles.css
Please help!
good, in such cases I prefer to do the following: after entering the menu I put a labelon each button div with an ID of his own, and then use the css to move anywhere. do not enter the same ID for the div tags to no errors of syntax. It is not complicated, youcan use this technique for any spry. I hope this helps.
_____________________________________
Dieta Para Ganhar Massa Muscular - 10 quilos em 12 semanas!
Sorry to say but the CSS for your menu system is incomplete. Where did you get this menu?
You might save yourself some time and hassle by switching to a better menu system such as PVII Pop-Menu Magic, jQuery Superfish or even Spry Menu 2.0 from Adobe's Widget Exchange.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
I actually got it fixed (in every browser except firefox) I've used this script a bunch from www.dynamicdrive.com but the solution was actually very simple:
CSS:
#dropmenudiv{
position:absolute;
overflow:hidden;
border-bottom:1px dotted #000;
font-family: arial;
font-size: 16px;
line-height:18px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/**SHADOW**/
-moz-box-shadow: 2px 3px 4px #000000;
-webkit-box-shadow: 2px 3px 4px #000000;
box-shadow: 2px 3px 4px #000000;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #000;
padding: 2px 0;
text-decoration: none;
color:white;
}
#dropmenudiv a:hover{
color: #c80f12;
}
and the HTML:
<td class="topnav"><a onmouseover="dropdownmenu(this, event, menu1, '150px')" onmouseout="delayhidemenu()" onclick="return clickreturnvalue()" href="default.htm">Services</a></td>
<td class="topnav"><a onmouseover="dropdownmenu(this, event, menu4, '150px')" onmouseout="delayhidemenu()" onclick="return clickreturnvalue()" href="default.htm">About Us</a></td>
<td class="topnav"><a onmouseover="dropdownmenu(this, event, menu3, '150px')" onmouseout="delayhidemenu()" onclick="return clickreturnvalue()" href="default.htm">Partnerships</a></td>
<td class="topnav"><a onmouseover="dropdownmenu(this, event, menu2, '150px')" onmouseout="delayhidemenu()" onclick="return clickreturnvalue()" href="default.htm">Community Care</a></td>
This works in IE9 (I've gotta check 7 & 8), chrome, safari, opera, BlackBerry, Android and iphone. Only firefox screws it up - but no website I build works the same in firefox...I dont like firefox.
OK. I prescribe Project Seven's Pop-Menu Magic 2. It's rock solid in all browsers (even legacy) and it "answers the phone" requirements.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
After much research and trial and error.... the dropdown menu script I am already using drops the menu down exactly where its suppose to in IE7 - IE9, Safari 5, Opera 11, Chrome, Android, Blackberry and iphone. Only FF screws it up. And its not "bad" but its not right. When you hover over one of the links that has a drop menu associated with it, the drop menu should drop just below its parent. In FF it drops to the bottm-center of the first two links. If this script displays how its suppose to on all these browsers, its got to be a firefox code issue but no matter what I try to fix it it doesnt fix it.....
Please look again at my code I posted above and see if there is anything I might need to add to it for firefox to display correctly
North America
Europe, Middle East and Africa
Asia Pacific