Creating persistent menu bars.

Hi I'm new to the forum. I haven't done any web design in the past five years, but used to dabble in it somewhat using Microsoft Frontpage.
I've gotten back into it after getting requests to create simple web pages for a few clients, and have begun using iweb. First of all I want to say that its an amazing tool, that lets you do (almost everything) with the click of a few buttons and avoid hours and hours of coding. But it does have a few limitations. I've found HTML snippets to overcome many of the problems iv'e had, or other creative solutions, largely thanks to this forum, but there are still a few things i'm struggling with.
Mainly this. Is there a way to make your page menus persistent? What I mean by this is have your page menu stay at the top, or side, of your browser window no matter how far down or across your website you scroll? Back in the day you used to be able to accomplish this through the use of frames. But I can't figure out for the life of me how to implement something like that into Iweb and have it work correctly.
Is there an HTML snippet that would allow me to encase my page menu in a frame, or a setting in iweb that I am overlooking?
Thanks for the help.
-radoskal

Frame is not supported in iweb but you can implement frame with javascript within iweb using HTML Snippet. Here is my abstract way of making frame using javascript: http://widgets.cyclosaurus.com/CFrame/CFrame.html
Alternative to keep navbar visble, yet another of my abstract javascript widget: http://widgets.cyclosaurus.com/ScrollingNav/ScrollingNav.html
javascript are linked to the above examples.
Q: how are you with javascript?

Similar Messages

How to create a Menu Bar at the bottom of the Panel?

Hi all,
I want to insert Menu bar into the bottom of the Panel but it always appears at the top and I want to create a menu at the bottom and in the left so when i click to that menu, all the menu items will appear above like window icon of Microsoft. So can you show me how to do it?
Thanks!
Regard,

Put another JPanel at the bottom and insert your menubar there.

Labview - How to create custom menu bars, drop down menus, pop ups etc.

Hi,
I have a very naive question. How does one create menu bars with custom labels (not NIs defaults), drop down / side menus, pop ups etc.?
Thanks in advance
Paul

Search for the following on the NI website: Run-Time Menus, Run-Time Shortcut Menus.
For pop ups, search for 'dialog' in the Examle Finder (Help -> Find Examples)
Adnan Zafar
Certified LabVIEW Architect
Coleman Technologies

How to create second or third level of menu bar in se41 ?

Hi All
How to create second or third level of menu bar in se41 ?
I created it once but forgotten , do anybody remember ?
Regards
Jaman
Message was edited by:
ABAP Techie

Hi..,
Once you have created a menu bar, you enter the individual menu entries. Each menu can contain up to 15 entries.
A menu can contain any of the following:
Function names (with function code and text)
Submenus (pull-down menus)
Separators
You may include submenus up to three levels deep.
Menu functions that logically belong together are grouped together using separators. This makes the menu easier to use. Separators also make long menus easier to read by dividing them into smaller parts.
Defining Menu Functions
To add functions to a menu that is already open in the Menu Painter:
Open a menu list in the menu bar by double-clicking the menu title.
The system opens the menu. The menu entries list contains the two columns Code and Text.
In the Code column, enter a function code (this may be up to 20 characters long).
If you want to enter a function code that is longer than the input field, you must first change the displayed length of the field in the user settings. (Choose Utilities ® Settings ® User-specific.)
Enter the function text in the Text column.
The name you enter here appears in the menu at runtime. You can also determine the contents of function texts at runtime (see Defining Dynamic Function Texts).
Repeat steps 2 and 3 for each item in the menu.
Creating Cascading Menus
To add a cascading menu (sub-menu) to a menu:
Leave the Code column blank.
Enter a menu name in the Text column.
Double-click the cascading menu to open it.
The system opens the menu entry list for the cascading menu.
Complete the menu as you would any other.
Inserting Separators
Place the cursor on a line.
Choose Edit ® Insert ® Separator.
If you want to insert a separator between two existing menu entries, place the cursor on the line before which you want to insert the separator.
Editing Menu Entries
You can cut, copy, paste, and delete menu entries.
Place the cursor on a line.
Choose Edit ® Entry ® Cut (or Copy, or Paste, or Delete).
If you double-click a function code, the Function Attributes dialog box appears. Here you can, for example, change the icon assigned to a function.
regards,
sai ramesh

Creating menu bar in Photoshop

I created a menu bar with individual buttons and hover
buttons in photoshop. I want the background buttons positioned in a
set place and to have the hover buttons work when I hover over each
button. What's the best way to do this? I started with making a div
wrap, but now I'm not sure if I should be doing this in a table. Is
there an example anyone knows of to do this with divs or a table?
--Theresa--

quote:
Originally posted by:
Newsgroup User
Export the images for the buttons (NOT the HTML) from
Photoshop, and build
the page in DW.
You can put each button's image in adjacent table cells, or
in adjacent list
elements, depending on your layout skills. You can use
Dreamweaver's
SwapImage behavior to roll the buttons on hover, or you can
use CSS to do
that, again depending on your skills.
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
==================
"Traveler815" <[email protected]> wrote in
message
news:[email protected]...
>I created a menu bar with individual buttons and hover
buttons in
>photoshop. I
> want the background buttons positioned in a set place
and to have the
> hover
> buttons work when I hover over each button. What's the
best way to do
> this? I
> started with making a div wrap, but now I'm not sure if
I should be doing
> this
> in a table. Is there an example anyone knows of to do
this with divs or a
> table?
> --Theresa--
>
I have my spliced image buttons with the menu text and saved
them as .gif format to use in DWCS3. I'd like to use the CSS but
I'm not sure what I need to include.
I'm working on the CSS behavior for
<div id="menubar-container">
<div id="menubar-bar">
<div class="menubar">
stylesheet:
#menubar-container {
height: 47px;
width: 970px;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0 auto;
#menubar-bar {
margin: 0 auto;
width: 960px;
height: 47px;
#menubar {
height: 47px;
background-color: #CCCCCC;
and because I'm not 100% sure of what I'm doing I've been
trying a few CSS codes and to work up the proper code in my html
page... here's more of my CSS sample (mess)
#menu-home { width: 125px; }
#menu-home a span {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 125px;
height: 47px;
background:url(../Images/btn_Products.jpg) -118px 0
no-repeat;
#menu-home a:hover span { background-position: -118px -40px;
background: url(../Images/btn_Products_hover.jpg);
#menu-products { width: 125px; }
#menu-products a span {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 125px;
height: 40px;
background: url(../Images/btn_NewsEvents.jpg) -235px 0
no-repeat;
#menu-products a:hover span { background-position: -235px
-40px;
background: url(../Images/btn_NewsEvents_hover.jpg);
Is there a better way?
--Theresa--

Creating menu bar

Hi,
i have created two menu bars master & transaction. In master 2 text i have created. first text is create master. while clicking on that it will move on to next screen. how can i write code for that..
pls help me.
shyja

Hi Shyja,
You query is how to write the code on the click of the text that you selected from the master menu.
First have you assign function code to that particular text or not.
if not then click on the SET PF-STATUS you have created. then go to the maintain status screen. there u select the master menu
just double-click the master menu textbox , it will display the text under it
first textbox contain the function code & the 2nd textbox contain the textname.
assign 4 digit function code for the corresponding text.
After that Check this code.
START-OF-SELECTION.
SET PF-STATUS 'ZMENU_NOTEPAD'.
SKIP.
*WRITE :/ 'NOTEPAD APPLICATION'.
AT USER-COMMAND.
CASE SY-UCOMM.
WHEN 'NEWF' .
      CALL SELECTION-SCREEN 0400.
WHEN 'OPNF'.
    GET PF-STATUS STATUS PROGRAM PROG EXCLUDING FCODE.
    PROG = 'ZMAN_INPUT_OUTPUT'.
    EDITOR-CALL FOR REPORT PROG ."DISPLAY-MODE.
    SET PF-STATUS STATUS.
WHEN 'ENTE'.
    WRITE :/ 'You Clicked on the entered button'.
ENDCASE.
Reward points,if useful.
Regards,
Manoj Kumar

Created my own menu bar - but can't "BRING TO FRONT"

I am wanting to put a photo behind my "menu bar" that I created for my site - however, whenever I try to slide a photo behind it - the menu will not "bring to front" - all other text and images will - but for some reason at the top of the page is different? I feel like there's a lot of "auto formatting" going on in my site as well - anyway to turn that off?
Thanks -

It's all about z-index: http://www.w3.org/TR/CSS21/zindex.html
iWeb page has four layers: nav layer, header layer, body layer and footer layer.
Look at your age source and you'll find the following z-index:
nav = 0
header = 10
body = 5
footer = 15.
The scenario is that you created your "menu bar" in nav layer, then added a photo in either header or body layer and slide it into the nav layer, but the photo isn't really inside nav layer - it straddles between nav layer and the other layer.
When that happen you will not be able to bring your "menu bar" to front because the photo is always in front of nav layer.
You need to turn on view layout (Shift Command L) to see the layout and move the photo *completely inside nav layer*
or move your menu bar to body layer and add the photo to body layer, in short both the menu bar and the photo have to be in the same layer.

Need to create a menu with subitems similar to OTN main page bar menu

Hi,
Using Jdev 11.1.1.5
I need to create a menu bar with simple sub-items (set of links to other sites or pages) similar to what OTN main page uses.
The menuBar with subitems shown in the ADF demo site is close but doesn't look like as OTN i.e. set of tab/boxes.
Link to the ADF demo with menuBar:
http://jdevadf.oracle.com/adf-richclient-demo/faces/feature/index.jspx?_afrRedirect=3119879384215420#%2Fcomponents%2FmenuBar%2Felectronics.jspx%40%3FAdf-Window-Id%3Dw0
Not sure which ADF component to use?
Thanks

Thanks Shay. I think skinning would be simpler and will make use of the provided components in ADF, but I haven't done any work with skinning but did use CSS so not sure how simple to figure this out.
Most of the commercial web site uses tabs/boxes as I am trying to do. It will be nice to have ADF component or simple solution.
Thanks

Spry Menu Bar Positioning Problem in IE

I have a Dreamweaver-created Spry Menu Bar drop down menu which works perfectly in every browser on my Mac and on my PC . . . EXCEPT Internet Explorer (who woulda thunk it?!!)
In all browsers except for IE, the 3 submenu items under "Door Systems" and "Gallery" appear exactly as they should in a vertical row, positioned just below the brown line below the navigation links and all the same width. But in IE they appear higher up and with different widths. IE is ignoring the rules for width and position.
<ul id="MenuBar2" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="closet_doors_gallery.html">DOOR SYSTEMS</a>
      <ul>
        <li><a href="sliding_doors_nyc_nj.html">DOOR PROFILES</a></li>
        <li><a href="bifold_doors_nyc_nj.html">PANELS COLORS</a></li>
        <li><a href="room_dividers_nyc_nj.html">DOOR SYSTEM TYPES</a></li>
      </ul>
    </li>
</ul>
<ul id="MenuBar3" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">GALLERY </a>
      <ul>
        <li><a href="#">SLIDING DOORS</a></li>
        <li><a href="#">BI-FOLD DOORS</a></li>
        <li><a href="#">ROOM DIVIDERS</a></li>
      </ul>
    </li>
</ul>
Here is the page where you can see the problem if you view it with IE, and see that it's fine in Safari, and Firefox,    Chrome and Opera, Mac or PC:
http://2113web.com/indeco/index.html
I have a feeling it's a simple fix of the css, but I can't figure it out - I would really appreciate anyone's help with it - thank you!
Below is the 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%;
    font-weight:bold;
    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;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    white-space: nowrap;
/* 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: auto;
    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;
    top: 63px; /*THIS POSITIONS THE SUBMENU BELOW THE TOP MENU*/
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    float: none;
    background-color:#f5f5e8;
    height:25px; /*THIS POSITIONS THE SUBMENUS HEIGHT*/
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 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;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: transparent;
    padding: 0.5em 0.75em;
    color: #59330d;
    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: transparent;
    color: #afa06f;
/* 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: transparent;
    color: #afa06f;
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-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    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(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    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%)
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    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%)
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
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;
Perry

Hi and thank you very much. It was a little confusing as to whether you meant to add the rules you suggested or to replace them, or a combination of both, but I puzzled it out. I created a new MenuBarHorizontal.css file in a blank page and then made the changes you suggested and it works! Yay! I had to do a bit of tweaking to get it to look just the way I wanted, but it now works correctly in ie 7 and 8 and still works fine in everything else.
Interestingly enough, I had to change the margin-top: 63px; rule in "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible" to 40px to get it positioned properly vertically, and I had to get rid of the "border-bottom: solid 1px #EEE;" in "ul.MenuBarHorizontal ul li", which caused the submenu items to have quite a lot of vertical space between them - I'm not sure why!
I also had to get rid of all the syling rules in the "SUBMENU INDICATION: styles if there is a submenu under a given menu item" section, as well as the one you added: "ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    padding: 0.5em 2em 0.5em 0.75em;"
With that done, it works great in both ie7 and ie8, so thank you for the help. Below is the new css that works, in total.
Not being as familiar with the subtleties of CSS as you and many others obviously are, I'm REALLY curious as to exactly what is different that causes this to work now, and would be happy to hear your expanation, if you feel like taking the time to explain. If not, no problem - it works and that is the most important thing! So, thank you again -
Perry
@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: 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;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    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: auto;
    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;
    margin-top: 40px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    display: block;
    float: none !important;
    width: auto;
    white-space: nowrap;
/* 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: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #f5f5e8;
    padding: 0.5em 0.75em;
    color: #333;
    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: #f5f5e8;
    color: #afa06f;
/* 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: #f5f5e8;
    color: #afa06f;
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
/* 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
/* 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
/* 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
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);
    background: transparent;
/* 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;

How can I change the menu bar in a Quicktime video?

My cousin and I are starting a video network and we want to create custom menu bars for our videos. We know about watermarks on the videos themselves, but I've seen some videos have custom menu bar titles irrespective of the file names and I was wondering how to do that?

My cousin and I are starting a video network and we want to create custom menu bars for our videos. We know about watermarks on the videos themselves, but I've seen some videos have custom menu bar titles irrespective of the file names and I was wondering how to do that?
If by "custom menu bar title" you are referring to the player window title bar, then most users would use QT 7 Pro to add a "Title" attribute to the "Properties" window and then enter the title they want displayed in the player window's title bar and "Inspector" window without affecting or changing the current filename.

How to create a menu with pages linked as sub menu in ADF?

Hi Experts,
I'm new to ADF and trying to create a menu like below in ADF.
Actions Menu
|
|
Option 1 -- A page with some static text and links.
Option 2 - A different page with some static text and links.
Have evaluated options like panelGroupLayout and menu components, requesting experts opinion on the best way to do it.
Thanks in advance..

Thanks AP.
Not like outlook. Here's some more details on what I'm looking for.
Create a menu bar.
Create a menu called "Actions"
Create two items under it called "Option1" and "Option2".
When I move the mouse over "Option1", I want a page to be shown on the right (just like how a sub menu will be displayed usually).
When I move the mouse over "Option2", I want to show a different page on the right (just like how a sub menu will be displayed usually).
Thanks in advance.
Edited by: Muruhanantham C on Dec 28, 2012 12:51 PM

Menu Bar issues in IE

Hello and thank you in advance for your help.
I am building a website for a small business and following various tutorials etc to help me along the way. I have created a menu bar within the banner with hover formatting etc. but in IE it fails to show correctly and just shows as a white bar. When you hover over it the links show with the correct formatting but disappear again as soon as you move the mouse pointer away. In Firefox it looks correct and works as it should.
One thing I have noted is, when I originally selected preview in IE from within dreamweaver, it worked correctly but the browser was automatically restricting scripts from being run. When I allowed scripts to run it went back to the white bar issue. Can anyone advise what is causing this to occur? The website is www.kelstarproperty.co.uk
Many thanks

Hi Simon,
please have a look into your "Banner_menu.css". There you can change/play with the colors of your menu bar. I tried this here (your code is "coded out" with /* ... */):
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #000;
/* color: #FFF;*/
text-decoration: none;
The result looks like this:
Good luck!
Hans-Günter

Menu bar location

Hello All:
I am using JMenuBar to create a menu bar, and the menu bar is supposed to be displayed by an applet. Could someone tell me how the menu bar can be relocated? In other words, I would like to move around the menu bar and to be able to change the location of the menu bar. I appreciate your feedback, and please let me know if you need more information.
Thanks,

Hi,
Your feedback is greatly appreciated. What I meant is to be able to set the location of the menu bar. I am looking for a property like �location� in JPopupMenu. Indeed, there is no such a property for JMenuBar. Then, it was very easy to use setLocation(x, y) and giving different values to x, and y will relocate the menu bar. You are right; there is a property in JToolBar called �floatable� that will give the user the option of dragging the tool bar and dropping it in a favorite place. That�s not what I want to do. I need to find the best location by x and y values, and have the menu bar located there, and the user won�t be able to drag and drop it. There are a few other ways to deal with this, for example, adding the menu bar to a JFrame, or using a Layout manager but I don�t want to do it this way. JFrame is a good choice if I can hide the frame and just display the menu bar; Layout manager is not flexible because it does not offer the �location� property.
Thanks,

Menu Bar at run time

Dear All,
I need to hide the following menu bar in oracle forms at run time
Action Edit Query Block Record Field Window Help -----(It will Show at run Time)
Below some icons,ie,
Save,Print,Print Setup,Exit,etc
How to do it?Please help me..
Thanks and Regards,
Fazil

Hi, plz suggest how disable or invisible the submenu items. there is no reply for my last post.
using set_menu_item_property I am not able to achive this.
here submenu items means e.g TRANSACTIONS-----------> ACCOUNTS ----------> PURCHASE, SALES
In TRANSACTIONS a menu in the menu bar, and ACCOUNTS is the menu again and PURCHASE ,SALES are items.
like this any number of submenus we can create for menu bar. But how enable or disable these items.
with thanks
gms

Inserting spray menu bars

Could someone help me with spary menu bar?
I have created a menu bar on a HTTP home page and uploaded it with spray assets.
When I checked on the net, I can see texts which link to another http pages, such as contact http pages.
However, it does not show the styled mune bar I wanted.
Using ul.MenuBarVertical a, I selected green for background colour and black bold text.
my website is as below;
www.dottywebsupport.co.uk
Please help!!

Hi,
looking to your website I miss some files. Did you "include" your spryMenue by DW? If yes you should get this message (here it's my German DW):
what means DW needs the files listed above and want's to copy these files into your local site. You have to confirm and later you have to sent them to your server.
If you look to your source code you can control the links. As I can see here:
<li><a href="about_dotty.html">Home</a> </li>
<li><a href="#">About Dotty</a></li>
This "#" is only a placeholder, and it doesn't lead to a link. I think you would express something like that:
<li><a href="home.html">Home</a></li>
<li><a href="about_dotty.html">About Dotty</a></li>
Hans-G.

Creating persistent menu bars.

Similar Messages

Maybe you are looking for