Help with sub-menus
I need to add four more pages to my website already setup and running. I want to add the additional pages under one of the pages already functioning. Like a sub file or something on that particular page.
Ex;
Page 1
Page 2
Page 3 —page 3a; page 3b; page 3c; page 3d
Page 4
Page 5
Page 6
I used DW CS5, two column, liquid with left sidebar, header and footer. I would n’t like to mess with my left side navigation bar unless unavoidable.
I need the whole procedure from A to Z, since new to DW.
Any help given is very much appreciated.
Go to File > New > Blank HTML page > Layout [none].
File > SaveAs > SpryTest.html
Insert > Spry > Spry Menu bar...
Now you can see Spry code.
Before you customize your Spry CSS, read these links:
Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Fixing Spry Menus 1.6.1
http://www.projectseven.com/testing/adobe-bugs/spry-menus/
Nancy O.
Similar Messages
-
I've been having some issues with the latest version of iDVD 7.0.1 in working with sub menus. Sometimes I need a sub menu button to click through to 1 full screen still image with the option to hit the "back button" to get to the main menu. How I've been doing this is when in the main menu, I click "add sub menu," then it brings me to a new menu where I can drop something in the drop zone, etc. I bring my full screen static image in and drop it while holding down the option or cntl key, which gets rid of the drop zones and gives me a full screen image. This has worked fine for me in the past. But now I get issues where the "back" button won't work to get back to the main menu. The "back" button simply flashes and won't let me select it once the disc has been burned.
Am I going about this all wrong? Should I be utilizing the slideshow function instead?
Thanks in advance!Needless to say, it had been a while since I sorted through my hotmail account. Last I looked I had 861 messages and I was starting to feel a bit like Jim Carrey in the movie Bruce Almighty....
Better late than never. -
Problems with sub menus in Internet Explorer
My menu bars work great in Chrome and Firefox however my submenus are jacked up in Internet Explorer. Can someone please give me some direction? Thanks.
The website is www.aptyssolutions.comHave a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Then have a look at what you have got
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: block;
f\loat: auto;
background:
and
/* 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%;
cursor: default;
width: AUTO;
position: absolute;
left: -1000em;
top: 23px;
height: 35px;
background-image: url(/images/bluebar.png);
There is more, but the above is most likely what is causing the problem.
I suggest that you resurrect the original SpryMenuBarHorizontal.css and start again. -
Cs 6 blu-ray with sub menus, only go back to main menu
I have burned a blu-ray with a main menu then sub menus: audio setup, chapters, extras.
(note: they are regular menus NOT pop-up menus and I would rather not do pop-up menus at this time)
when I am playing any of the sub menu content (trailer or making of or picking a chapter button from the chapter menu etc...) and press the menu button on the Blu-Ray player while it plays that content, it goes to the main menu instead of the sub menu.
I checked it in the simulator and it was working perfectly....just as I would expect it to.
each sub menu item (a trailer or making of featurette for example) is set to go back to the sub menu and it's button
when done playing...and it does.
It just refuses to do that when the menu button on a blu-ray player is used and instead goes to the main menu.
I ran the link checker before building the folders and burning it...no conflicts found.
This seems to be an issue with Encore in general, reading about this here and in
other forums.
Can Encore simply not create a proper blu-ray disc with sub-menu's you can
return to when the menu button on a remote is pressed?
Do I have to buy BluStreak in order to correct these rather obvious navigation errors?Let us know what you find.
I think the original poster in the other thread observed that commercial BDs were showing the same behavior.
Even if true, it does not mean that some kind of scripting might not work.
But Encore would not have the option. -
Trouble with sub-menus gap-osis
Can't figure out why I keep getting this rather large gap between the main menu and subsequent sub-menus...
Any ideas???
It does not appear from within Muse in design or preview, but shows up in Chrome34, FF, and IE9lol... I know. It is intermittent, and frustrating.
I have viewed in Chrome (35.x) and IE (9+). It does not appear in Muse during preview, nor in Chrome on iPhone.
Currently IE seems to be displaying correctly (not always, though)
Chrome does seem to be the biggest culprit.
Here is how these two sites look in my Chrome...
I've tried clearing the cache too, and that does not affect it.
Also, of note, is that the AMOUNT of gap changes as well. Sometimes it's a small gap (about one sub-menu item height), and other times it's much larger (1-1/2X to 2X sub-menu item height, as it now shows in the examples above). -
Help with Sub-catalog CSS not rendering properly
I am having a issue with deep Sub-catalogs not displaying an external style sheet, possibly being overwritten by modulestylesheet?
Sorry if it looks a little sloppy, the site is still a work in progress...
If you look here at this main catalog : http://www.4plotters.com/shop/ --------- >the css is being applied properly,
the next level down here : http://www.4plotters.com/shop/Toner-Ink --------------> css also applied properly.
but... when you go one more level deep here : http://www.4plotters.com/shop/Toner-Ink/ink-wide-format -----> css is not being applied from my external css (much of its functionality is to overwrite the modulestyle sheet) Notice the link colors change to blue, and the catalog images and headers don't match the catalogs before it.
I have some other external twitter bootstrap css files that are still being applied, so I am a little confused. I am fairly new to css and html (and self taught) so I might be just missing some fundamental precedence rules.
Thanks in advance!
*Edit* When I change the parent catalog to the top level "Shop" catalog, the css is once again applied properly. It is something about being 2 or 3 levels deep that breaks the css link.Hi,
Go into your template and remove the ".." prior to the CSS reference to help correct this issue.
Before:
After:
Hope this helps!
-Sidney -
I'm 53 and electronically challenged. I am an artist and am re-doing my extremely simple/basic website, and would like to add jump menus. However, when I try to insert the Form Object...Jump Menu, the dialog box tries to open, but then I receive an error message "When executing...a JavaScript error occurred." After I hit OK, everything freezes up, and I have to hit the Ctl/Alt/Delete to get out of the program. I have been trying to find instructions; I went to File/Debug, but I receive a message saying the document cannot be debugged because it contains no JavaScript. Honestly, I don't even know what that is. Perhaps I'm trying for something too complicated...I really just want to add those drop-down menus which every other website seems to have. Navigating my site has become too complicated, and I would like to simplify the process. If anyone responds to this (my first forum message, ever), please use baby-computer language. Thank you very much.
Thank you for the referral. After reading and answering the first response, I was led to another question/answer about JavaScript and did go to the troubleshooting page (where I've been since writing). Not that I understand 1/10th of what it said, but on my computer I wound up here:
...\DreamweaverUltradev\Conf\Objects\Forms
It wasn't the same path as the article said (at least not on my computer), but I looked at all the "icons" and discovered that everything had at least 2 icons (Image Field has 3), but the Form Insert only had one icon, which looks to me like a dollar sign inside a box. Everything else either has what looks like an Internet Explorer symbol, or a page with a broken corner (Dreamweaver icon?). Anyway, I keep reading suggestions about reloading the program, so I guess I'll do that, unless someone can make an easier suggestion (I am terribly inept and for some reason have difficulty loading programs).
Thanks. -
Help with sub movieclips appear/disappear
Hey folks, looking for some early feedback. So in a large movieclip that I drag, I have sub movieclips. Due to them being large they cause the drag/flick/scroll get clunky at times. So I thought about dynamically loading them depending on where the main movieclip is based on a Y state. So this seems to work BUT before I go down this long road, there has to be a better way do this. I've bolded the way I'm planning to go about it.
function mouseDownHandler(event: MouseEvent): void {
TweenLite.killTweensOf(main);
y1 = y2 = main.y;
yOffset = this.mouseY - main.y;
yOverlap = Math.max(0, main.height - bounds.height);
t1 = t2 = getTimer();
main.stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
main.stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
function mouseMoveHandler(event: MouseEvent): void {
var y: Number = this.mouseY - yOffset;
//if main's position exceeds the bounds, make it drag only half as far with each mouse movement (like iPhone/iPad behavior)
if (y > bounds.top) {
main.y = (y + bounds.top) * 0.5;
} else if (y < bounds.top - yOverlap) {
main.y = (y + bounds.top - yOverlap) * 0.5;
} else {
main.y = y;
blitMask.update();
var t: uint = getTimer();
//if the frame rate is too high, we won't be able to track the velocity as well, so only update the values 20 times per second
if (t - t2 > 50) {
y2 = y1;
t2 = t1;
y1 = main.y;
t1 = t;
event.updateAfterEvent();
if (main.y < 30) {
main.OFbandTWO.visible = true;
} else if (main.y < 20) {
main.OFbandTWO.visible = true;
main.OFbandTHREE.visible = true;
} else if (main.y < 0) {
main.OFbandTWO.visible = true;
main.OFbandTHREE.visible = true;
main.OFbandFOUR.visible = true;
} else {
main.OFbandTWO.visible = false;
main.OFbandTHREE.visible = false;
main.OFbandFOUR.visible = false;
function mouseUpHandler(event: MouseEvent): void {
blitMask.bitmapMode = true;
main.stage.removeEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
main.stage.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
var time: Number = (getTimer() - t2) / 1000;
var yVelocity: Number = (main.y - y2) / time;
ThrowPropsPlugin.to(main, {
throwProps: {
y: {
velocity: yVelocity,
max: bounds.top,
min: bounds.top - yOverlap,
resistance: 50
onUpdate: blitMask.update,
ease: Strong.easeOut
}, 2, 0.3, 0.5);
blitMask.bitmapMode = false;also if I want to have the item only appear when it's on the stage and be not visible when off it, I figured i'd use a set of y coordinates that when it's between them, change vis to true, when not, change vis to false. But the logic is escaping me. So if I want band "two" only visible when on the stage, would this work?
if (main.y < 30 || main.y > -400) {
main.OFbandTWO.visible = true; -
Collapsing Menu with Sub-Menus
Hi
I am trying to create a collapsing vertical menu (with nested
submenus). Check out the 'products' quick menu here and you will
know what i mean:
http://www.sofaworldhomefurnishings.com
Does anyone know how to do this using dreamweaver (ASP VBS)
or can point to any reference or tutorial?
Any help greatly appreciated.It's pretty simple to do manually with DW's Change Property
behavior and a
nested list, or you might find some tuts and products here -
http://www.projectseven.com/
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
==================
"pakora" <[email protected]> wrote in
message
news:ee3vb7$qqd$[email protected]..
> Hi
>
> I am trying to create a collapsing vertical menu (with
nested submenus).
> Check
> out the 'products' quick menu here and you will know
what i mean:
>
http://www.sofaworldhomefurnishings.com
>
> Does anyone know how to do this using dreamweaver (ASP
VBS) or can point
> to
> any reference or tutorial?
>
> Any help greatly appreciated.
> -
I am designing a site that has multiple pages of images.
(Photographer website) I added a drop menu to keep the site
organized but I am now running into problems. Because of the
multiple pages, whenever she wants to upload pictures I have to
adjust the drop menu on like 15 pages. So I did the site over using
frames thinking this would help. But no. Now the frame cuts the
drop menu off.
So my question is. Is there a way to create a link or
javascript that I can link to on each page and then only edit that
one item. So when I go to that link/script and edit it, it will
just link to all other pages that contain that link/script. I don't
know if this is an easy fix, but I have just been pulling what
little hair out I have.
Thanks in advance.
KevinInvestigate using DW's Library items, or Templates, or
ordinary Server-side
includes. It's the only way to do it.
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
==================
"Chester_22" <[email protected]> wrote in
message
news:f8cqap$gra$[email protected]..
>I am designing a site that has multiple pages of images.
(Photographer
>website)
> I added a drop menu to keep the site organized but I am
now running into
> problems. Because of the multiple pages, whenever she
wants to upload
> pictures
> I have to adjust the drop menu on like 15 pages. So I
did the site over
> using
> frames thinking this would help. But no. Now the frame
cuts the drop menu
> off.
>
> So my question is. Is there a way to create a link or
javascript that I
> can
> link to on each page and then only edit that one item.
So when I go to
> that
> link/script and edit it, it will just link to all other
pages that contain
> that
> link/script. I don't know if this is an easy fix, but I
have just been
> pulling
> what little hair out I have.
>
> Thanks in advance.
> Kevin
> -
IM working on this Flash menu and i can't seem to change the names on the menu please someone help me how to change the names thanks
http://i294.photobucket.com/albums/mm87/Gorla89/Untitled.png
Here is the source file
[URL=http://www.zshare.net/download/77446323dd7b876b/]header1_v8.fla - 2.10MB[/URL]IM working on this Flash menu and i can't seem to change the names on the menu please someone help me how to change the names thanks
http://i294.photobucket.com/albums/mm87/Gorla89/Untitled.png
Here is the source file
[URL=http://www.zshare.net/download/77446323dd7b876b/]header1_v8.fla - 2.10MB[/URL] -
Spry Menu Bar 1.7 Rendering Variable background height based presence/absense of sub-menus
First, let me thank those who have offered help on previous posts on this issue -- the suggestions have pointed me in new directions.
However I am still having problems with the first menu item on the top level of a horizontal menu bar which (because it has no sub-menu) renders the background differently from the other main level items. I have implemented suggestions, as you will see, by setting a class for menu items with sub-menus as per the suggestion, and then proceeding working with line height to make specific changes within that class. However any changes appeared universally through the menu bar at all levels.
Working from that suggestion, I tried establishing a class of "menubarhorizontal_no-sub-menu" and then adjusted the line height for that item. Unfortunately it applied this change again to all items leaving a displeasing white gap between menu items in the drop down menus.
I wanted to put out a call once more. I realize that the problem is in determining which of the rules to style, but I seem to have exhausted the possibilities. The latest version can be seen at www.aclco.org/testing/index.html which will provide a visual of the problem. You can see it doesn't look much different than the original which is http://www.aclco.org/index.html.
I am also including the code for the nav bar which is inserted as a library item into all the pages:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarHorizontal_no-sub-menu" href="../index.html" title="Home">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="../about_aclco.html" title="ACLCO-ACJCO">ACLCO-ACJCO</a>
<ul>
<li><a href="../about_aclco.html#mission_mandate" title="Mission and Mandate">Mission and Mandate</a></li>
<li><a href="../about_aclco.html#governance" title="Governance">Governance</a>
<ul>
<li><a href="../about_aclco.html#executive">Executive</a></li>
</ul>
</li>
<li><a href="../by-laws_policies.html" title="By-Laws and Policies">By-Laws and Policies</a></li>
<li><a href="../about_aclco.html#staff_volunteers" title="Staff and Volunteers">Staff and Volunteers</a></li>
<li><a href="../public_documents.html" title="Public Documents">Public Documents</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="../about_Clinics_overview.html" title="About Community Legal Clinics">Community Legal Clinics</a>
<ul>
<li><a href="../about_Clinics_overview.html" title="About Clinics - Overview">Overview</a></li>
<li><a href="../critical_characteristics.html" title="Critical Characteristics">Critical Characteristics </a></li>
<li><a href="../what_clinic_do.html" title="What Clinics Do">What Clinics Do</a>
<ul>
<li><a href="../Advice+referrals.html" title="Advice and Referrals">Advice and Referrals</a></li>
<li><a href="../case_work+legal_representation.html" title="Case Work and Legal Representation">Case Work and Legal Representation</a></li>
<li><a href="../community_development.html" title="Community Development">Community Development</a></li>
<li><a href="../public_legal_education.html" title="Public Legal Education">Public Legal Education</a></li>
<li><a href="../law_reform.html" title="Law Reform">Law Reform</a></li>
</ul>
</li>
<li><a href="../who_clinics_serve.html" title="Who Clinics Serve">Who Clinics Serve</a></li>
<li><a href="../impacts.html" title="Impact on Clients and their Communities">Impact</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="../Members_Only/intranet_portal_page.html" title="Members Only">Members Only</a>
<ul>
<li><a href="../Members_Only/intranet_portal_page.html" title="ACLCO Intranet Pages">ACLCO Intranet Pages</a></li>
<li><a href="http://www.bulletinboards.com/message.cfm?comcode=ACLCO " title="ACLCO Discussion Forum">ACLCO Discussion Forum</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="../contact_us.html" title="Contact Us">Contact</a>
<ul>
<li><a href="../contact_us.html" title="Contact Information">Contact Information</a></li>
<li><a href="../links.html" title="Links">Links</a></li>
</ul>
</li>
</ul>
The spry framework coding For the Horizontal Menu Bar is as follows:
@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;
line-height: 23px;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* 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;
line-height: 21px;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
float: left;
ul.MenuBarHorizontal_no-sub-menu li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto; /* This allows the width of the various top level menu items to adjust automatically to fit the contents of each menu item */
float: left;
/* 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: 8.2em;
position: absolute;
left: -1000em;
/* 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: 200px; /* This establishes a fixed width for the drop down menus */
/* 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: none; /* removes the grey border from around the sub-menu container */
/* Menu items are a light gray block with padding and no text decoration NB: Remove - background-color: #EEE; reset color from #333 to #FFF*, and establish a background image with repeat, Especially note that this only sets the top level items, i.e. those with no children sub-menus attached to them.*/
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
background-repeat: repeat-x;
background-color: #000088; /*background color must exactly match the color of the bottom edge of the repeating background png so that if it runs over 39px in height their won't be any gaps of white. */
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text; again reset thebackground-color: #3CC to equal the color of the bottom edge of the repeating png (see above). Set background image and repeat for a hover state. However, this only sets hover states for top level menu items and sub-menus that have higher level items above them. If for example a menu has 3 levels it will not set for the 1st and 2nd level. */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
background-repeat:repeat-x;
background-color: #2E35A3;
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-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
background-repeat:repeat-x;
background-color: #2E35A3;
color: #FFF;
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%) Remove the background image that displays arrows and set the appropriate background image and repeat. */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segment-Dark.png);
background-repeat:repeat-x;
background-color: #000088;
background-position: 95% 50%;
/* 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-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent-Dark.png);
background-repeat: repeat-x;
background-color: #000088;
background-position: 95% 50%;
/* 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%) This controls sub-sub-menu items in hover state. */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
background-repeat:repeat-x;
background-color: #2E35A3;
color: #FFF;
/* 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 Controls fly-out menu items in hover or focus state.(50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segm ent%20Light2.png);
background-repeat:repeat-x;
background-color: #2E35A3;
color: #FFF;
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;
Finally, there is minimal css coding to help position the menu bar within the web page relative to the top of the page, and left edge of the web page.
This is done with a div tag called Main Nav Contents.
#Main_nav_contents {
padding: 0;
margin-top: 0px;
height: auto;
width: 950px;
padding-top: 275px;
padding-left: 35px;
I would very much appreciate any further help that people can provide me. It seems that the trick is to identify the appropriate rule; however that has thus far alluded me.
Thanks,
Steve WebsterThis will help http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
-
How do I hide sub menus in Dreamweaver CS5.5?
Hi - I'm at the very beginning of sorting out my first web site in Dreamweaver CS5.5. I'm using a vertical menu with sub menus. The submenus are permanently visible. I was earlier able to make them only appear when you roll over them with a mouse...but the sub menus then stuck way out into the next column.
What I'd like is to have submenus that are hidden until you roll over them with a mouse. I'd like the submenus to be indented slightly from the main menu (like they are now, except that they're not hidden right now).
I seem to have changed a preference in Dreamweaver, because now when I delete the vertical menu and start all over again, I end up with the same formatting in my new menu. I can no longer end up with a hidden submenu items at all when I insert a vertical menu. I can create a horizontal menu with hidden submenu items, however, so I don't think I've changed the preference related to horizontal menus.
Thanks so much for your help with this!
http://www-rohan.sdsu.edu/~alexandv/cccsite/index.htmHi,
in addition to gramp's hint, you could have a look here. You could e.g. use directly (Google) or download and integrate into your DW files.:
http://support.google.com/calendar/bin/topic.py?hl=en&topic=1669237&hl rm=de&from=15270&rd=1
or
http://www.easyphpcalendar.com/,
http://www.meanfreepath.com/index.html,
http://www.dmxzone.com/go?16361.
On the other hand you can find some more by using Google itself, individually specific to your requirements and your preferences.
Hans-Günter -
Sub-Menus are displaying away from their parent Menu for first time.
Hi All,
I have a problem with sub-menus display location. In my application, I have a JPopupMenu to which several sub-menus (*JMenu*) are added. All the JMenuItems inside JMenu are having an Icon (Image) along with menu item title. I am providing a facility to change the font size of Menu Item names as well as the ImageIcon size dynamically through a dialog box. When the size is changed to larger value than the existing, the menus as well as submenus are getting displayed correctly. But when I change the size of ImageIcon and the font to smaller value than the existing one, then the submenus are getting displayed away from their parent menu for the first time. The location of sub menu display is matching with the location when their size was larger. This problem appears only for the first display of sub menus after their sizes are changed. For the successive display, the locating is resetting automatically to correct location.
So can anybody help me out about how to display submenus at correct location irrespective of font and image size changes for the first time also? Is there any event which gets fired when we change the font size or ImageIcon sizes? Is there any specific method to refresh the menu sizes if any of such properties (such as font size, ImageIcon size) are changed?
If you need any additional information, feel free to ask.Below is the sample code for the query I placed. Steps to reproduce the problem are:
1. Click on "Increase Font" button.
2. Generate the popup at the right side corner of the screen (using right mouse click) such that the sub menu of edit should appear at left side of "Edit" option.
3. Click on "Decrease Font" button.
4. Generate the popup at the right side corner of the screen (using right mouse click) such that the sub menu of edit should appear at left side of "Edit" option.
You will see that sub menu of edit menu is displayed away from the popup for the first time. The sub menu location matches with previous location when its font size was larger. Location resets automatically for the next successive displays.
import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuItem;
import javax.swing.JPanel;
import javax.swing.JPopupMenu;
public class JPopupDemo implements ActionListener {
public static Font newFont=new Font("Times New Roman", Font.BOLD,24);
JFrame frame = null;
JPopupMenu popupMenu = null;
JMenuItem fileMenu = null;
JMenu editMenu = null;
JMenuItem cutMenuItem = null;
JMenuItem copyMenuItem = null;
JMenuItem pasteMenuItem = null;
JMenuItem findMenuItem = null;
JPopupDemo(){
frame = new JFrame("Popup Example");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
popupMenu = new JPopupMenu();
fileMenu = new JMenuItem("File");
editMenu = new JMenu("Edit");
cutMenuItem = new JMenuItem("Cut");
editMenu.add(cutMenuItem);
copyMenuItem = new JMenuItem("Copy");
editMenu.add(copyMenuItem);
pasteMenuItem = new JMenuItem("Paste");
pasteMenuItem.setEnabled(false);
editMenu.add(pasteMenuItem);
editMenu.addSeparator();
findMenuItem = new JMenuItem("Find");
editMenu.add(findMenuItem);
popupMenu.add(fileMenu);
popupMenu.add(editMenu);
MouseListener mouseListener = new JPopupMenuShower(popupMenu);
frame.addMouseListener(mouseListener);
//frame.setSize(350, 250);
Toolkit toolkit = Toolkit.getDefaultToolkit();
Dimension dim = toolkit.getScreenSize();
frame.setSize(dim.width,dim.height-100);
JButton incrButton = new JButton("Increase Size");
incrButton.setActionCommand("IncreaseSize");
incrButton.addActionListener(this);
JButton decrButton = new JButton("Decrease Size");
decrButton.setActionCommand("DecreaseSize");
decrButton.addActionListener(this);
Container cp = frame.getContentPane();
cp.setLayout(new BorderLayout());
JPanel jp = new JPanel();
jp.add(incrButton);
jp.add(decrButton);
cp.add(jp,BorderLayout.SOUTH);
frame.setVisible(true);
public static void main(String args[]) {
JPopupDemo demo = new JPopupDemo();
public void actionPerformed(ActionEvent ae)
if (ae.getActionCommand().equals("IncreaseSize"))
newFont = new Font("Times New Roman", Font.BOLD,48);
setNewFont();
else if (ae.getActionCommand().equals("DecreaseSize"))
newFont = new Font("Times New Roman", Font.BOLD,12);
setNewFont();
public void setNewFont()
popupMenu.setFont(newFont);
fileMenu.setFont(newFont);
editMenu.setFont(newFont);
cutMenuItem.setFont(newFont);
copyMenuItem.setFont(newFont);
pasteMenuItem.setFont(newFont);
findMenuItem.setFont(newFont);
class JPopupMenuShower extends MouseAdapter {
private JPopupMenu popup;
public JPopupMenuShower(JPopupMenu popup) {
this.popup = popup;
private void showIfPopupTrigger(MouseEvent mouseEvent) {
if (popup.isPopupTrigger(mouseEvent)) {
popup.show(mouseEvent.getComponent(), mouseEvent.getX(), mouseEvent
.getY());
public void mousePressed(MouseEvent mouseEvent) {
showIfPopupTrigger(mouseEvent);
public void mouseReleased(MouseEvent mouseEvent) {
showIfPopupTrigger(mouseEvent);
}Edited by: VPKVL on Aug 4, 2008 1:18 AM -
Context Sub menus in jdeveloper
I have already added the context menus in the editor,now I would like to add menus with sub menus, i.e I want to make this created menu as sub menu to some other menu which I have already created.Can you please help me?
Hmm,
what about the icon property of the command menu item
http://docs.oracle.com/cd/E28280_01/apirefs.1111/e12419/tagdoc/af_commandMenuItem.html
Would that work for you?
Frank
Maybe you are looking for
-
I am using currently gmail and the system just stops (often) when I do anything with it (that requires input ie. write or reply to email.) It sometimes just stops and if I see it fast enough and and wait for about 5 minutes it will catch up. Other ti
-
Hi All Is there any standard report for getting the change history of PO's? Regards.
-
J2Se receiver File adapter-HTTP 503 no listener registered for service
Hi, We are using J2Se file adapter for one the interfaces and the logs of the J2se adapter engine has shown the following error- Error: com.sap.aii.messaging.net.TransportException: HTTP 503 no listener registered for service /file/example_outbound
-
Incoming Phone Call DND (Do Not Disturb) or ability to send call to voicema
Does anyone know a good way to put a DND (do not disturb) on incoming phone calls? The idea is to send calls directly to voice mail while still leaving the phone on to receive email & text messages. While at work or in meetings, it would be nice to n
-
Some songs transfer, some won't, no rhyme or reas
Likeit says, I recently traded uh... "up", from a Zen touch to a Zen Vision:M, they both seem to have thisweird, sometimes a track will transfer, sometimes it won't, and the GUI freezes up on the stuch transfer box. Only occasionally will it give the