Over state for nav bar using liquid positioning

Hi everyone, I have a navigation menu in a website I'm making
that uses liquid positioning. I was wondering what the best
technique for adding an "over" state (rollover) to my nav menu is.
I was thinking about making the nav menu a background image for one
of my divs, then placing an ap div over that with my rollover
images inside, placing image maps on top of those, and then doing a
show/hide behavior for each image. This is not working out too well
and I'm sure there is an easier way. Also, I am new at this and am
having trouble understanding how to center objects using a liquid
layout. Can someone please help me?

Why not use the menu widget? Image maps are a pain.
I must admit I don't understand "liquid positioning."

Similar Messages

Spry Navigation 2.0 - Spacing for div for nav bar

Hello:
I am once again working on an navigation bar that renders somewhat differently in various browsers (problems with IE 8 & 6). The navigation is to fit into a div that is bordered by a gold coloured border top and bottom (top border is attached to the header). The problem is one of calculating the appropriate height based on the settings for the custom nav css file. I have taken the font size, padding (top and bottom) and border (top and bottom) together with padding on the overall container of the nav bar. Accordingly I have set the height of the navigation container div at 41px. In most browsers this works fine, however there are some glitches that cause excess white space to appear either above the navigation bar or below it, thus separating the border from the navigation bar.
The url for the site is http://socls.org/PCLC-testing/CorePages.html
I have included the css for the custom nav settings, and the css relating to the navigation in the general css file as well as a screen shot of IE 8.
Thanks for any help in advance.
Steve.
The custom nav css is as follows:
@charset "UTF-8";
/* CSS Document */
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#7888c7;
    font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                MenuItem, and MenuItemLabel
                                                at a given level all use same definition for ems.
                                                Note that this means the size is also inherited to child submenus,
                                                so use caution in using relative sizes other than
                                                100% on submenu fonts. */
    font-weight: normal;
    font-size: 17px;
    font-style: normal;
    padding:0;
    border-color: #4457a2 #333366 #2c3868 #4457a2;
    border-width:3px;
    border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
.MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarFixedLeft {
    float: left;
    width: 80em;
.MenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
.MenuBarFixedCentered br {
    clear:both;
    display:block;
.MenuBarFixedCentered .SubMenu br {
    display:none;
.MenuBarFullwidth {
    float: left;
    width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;     /* Zero out margin on the item containers. The MenuItem is the active hover area.
                For most items, we have to do top or bottom padding or borders only on the MenuItem
                or a child so we keep the entire submenu tiled with items.
                Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
    padding: 0px 24px 0px 0px;
    background-color:#7888c7;
    border-width:3px;
    border-color: #8899cf #566a99 #333366 #8899cf;
    border-style: solid solid solid solid;
#MenuBar .MenuItemFirst {
    border-style: solid solid solid solid;
#MenuBar .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#331e0d;
    background-color:#7888c7;
    padding: 6px 15px 6px 39px;
    width: 10em;
    width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    background-color:#7888c7;
    padding:0px 2px 0px 0px;
    border-width:3px;
    border-color: #8899cf #333366 #333366 #8899cf;
    /* Border styles are overriden by first and last items */
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:center;
    line-height:1em;
    background-color:#7888c7;
    color:#331e0d;
    padding: 6px 12px 6px 5px;
    white-space:normal;
    width: 210px;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: #3b4b8d;
    border-color: #5266b7 #14192f #14192f #5266b7;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: #3b4b8d; /* consider exposing this prop separately*/
    color: #fefefe;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: #3b4b8d;
    color: #fefefe;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #3b4b8d;
    border-color: #5266b7 #14192f #14192f #5266b7;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: #3b4b8d;
    color: #fefefe;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #7888c7;
    min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #3b4b8d #3b4b8d #3b4b8d #3b4b8d;
    border-width:0px;
    border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #7888c7;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
    background-color: #3b4b8d; /* consider exposing this prop separately*/
    color: #fefefe;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: #3b4b8d; /* consider exposing this prop separately*/
    color: #fefefe;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
The css for the page in general (as it relates to the navigation bar) is:
#main_nav_contents {
    width: 960px;
    height: 41px;
    position: relative;
    padding-left:0px;
    border-bottom: 3px solid #C56F2C;

Hello Again:
Based on some recalculations I realized that with a font size of 17px, 6px padding (top and bottom = 12px) and 3 px border (top and bottom =6) that the height of the nav container should be 35px; I have change the general style sheet to reflect that change, but still have rendering problems accross browsers.
To perhaps add clarity, the following is a screen shot of how it appears in most browsers, and how I intended it should look.
Thanks (again) in advance for any help that can be offered. Steve.

Help with Nav Bar using Action Script 3

I am a flash NOOB to say the least. Trying to teach myself. Thank God for YouTube! LOL! Anyway, I have build a Nav Bar for a site that has a sliding bar on the bottom of it that follows the mouse. The problem with this nav bar is that when you change pages inside the site, the slider resets back to position X/Y = 0 and you really don't know what page you are on for sure without me having to identify each page in the page body itself.
Does anyone know of a way using action script to have the URL of the page sent to flash and in turn use that URL to set the X and Y position of the slider to the appropriate X and Y of the button on the Nav Bar for the page the user is on?
I have heard of using flash.external.ExternalInterface but now for sure how this really works nor if I can assign it to a variable for reference inside the action script.
Any help would be appreciated greatly!!

The Flash Nav Bar is at the top of each page. But yes, when you click a button inside the flash nav bar it takes you away from your current page and loads a new one. I am trying to tell the swf file which page it is on so I can set the X and Y position of the slider.
You will have to excuse me if I am so noob that I loose any of your replies to this as just as Flash is new to me, so is the lingo.
Thank you for your help. I will research FlashVar but if you have any other ideas then I am open to them.

Creating nav bars using layers

I am trying to create a nav bar on the left hand side of a web page.
I have created it how GoLive CS2 seems to suggest, so each option that will appear in the nav bar has been created as a seperate layer. I have positioned these correctly, then added actions to each of these so things will happen when the user mouse clicks on an option.
It has 5 main links in at the top level and each of these have sub-sections. At the moment when the user clicks one of these options the sub sections appear beneath it and the other options that were previously in the way slide down to allow these sub-sections to appear.
The issue is when these sub-sections need to open out into sub-sub-sections. I have succesfully worked out how to get these to ShowHide on a mouse click but I cannot, for the life of me, work out how to make the options below it to then slide further down to accomodate the appearance of these sub-sub-sections, despite managing to make it happen for the sub-sections.
Perhaps because they have already slid down already and now cannot do it again? Surely not?!
Anyways, I hope that is all clear. If no-one replies I shall assume not and try a a re-post.
I would be grateful of some help.
Thanks!
Simon

ok, I have put the nav bar up at this address http://www.simonpeel.co.uk/leftnav/leftnav.html
Obviously, 'View Source' to see the code.
To re-create another problem I would like a solution to, do this:
Click 'Come & See' and then click 'Sunday'. Then click 'Welcome' and then re-click 'Come & See' and you will see it does not revert back to the original state but keeps the spaces where the sub-sub-sections are. I may be able to work this problem out myself but I lost patience and thought if someone was going to look at it anyway, you could save me some hassle!
Many thanks in anticipation,
Simon
p.s. feel free to take a look at my site by deleting
/leftnav/leftnav.html! I'm quite proud of it, although there are some dead links lurking around.

I made a text nav bar using CSS, and I am trying to get downdown menu's from it?

Hello,
I am working through a tutorial book and just created a text navbar with CSS, which I have never done before. Basically it was an Unordered list and then I used the float property right to make them go next to each other. Then created a few more styles to give them padding etc.
I thought I could go after each list item and now add a group of unordered lists items to pop up when I mouse over., but whatever I try in a new CSS style doesn't work to put them underneath.
Here is the code and the style sheet code thus far, and I have colored in blue, the items I wanted to have dropdown menu's come from. Can anyone help me or guide me to where I might find this info? I want to get to the next level, but this is as far as the book goes.
thanks!
babs
@charset "UTF-8";
body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: small;
    color: #333;
    background-color: #739112;
    text-align: center;
    #container {
    background-color: #FFF;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: left;
    background-image: url(images/container_bg.gif);
    background-repeat: repeat-y;
#header {
    height:80px;
    z-index:1;
    background-color: #9fcc41;
    background-image: url(images/veggies.jpg);
    background-repeat: no-repeat;
    background-position: right;
#header img {
    margin-top: 20px;
    margin-left: 15px;
dl {
    color: #000;
    font-size: medium;
    margin-left: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
dd {
    font-size: small;
    margin-bottom: 10px;
    font-weight: normal;
    margin-right: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin-left: 5px;
    #navigation {
    background-color: #88b036;
    height: 36px;
    width: 100%;
    #footer {
    background-color: #ccc;
    clear: both;
    height: 1%;
    #main {
    float: left;
    width: 520px;
    padding-left: 20px;
#navigation ul ul {
    float: none;
#container #navigation ul ul {
    float: none;
    clear: none;
    #sidebar {
    float: right;
    width: 270px;
    background-color: #c8d9bc;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #060;
    #navigation ul li {
    float: left;
    list-style-type: none;
    #navigation ul li a {
    text-decoration: none;
    color: #FFF;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    display: block;
    #navigation ul {
    margin: 0px;
    padding: 0px;
    #navigation a:hover {
    background-color: #9fcc41;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>OrganicUtopia Home Page</title>
    <style type="text/css">
    </style>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    </head>
<body>
<div id="container">
<div id="header"><img src="images/ou_logo.gif" width="210" height="41" /></div>
<div id="navigation">
    <ul>
     <li><a href="#">Home</a></li>
      <li><a href="#">About US</a></li>
      <li><a href="#">Products</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>
<div id="main">
    <h1 >Welcome to organic utopia</h1>
    <p>There's big news at OrganicUtopia this month! We've expanded to include 2 new lines of body and earth-friendly products. We now carry bio-degradeable furniture - imagine a couch you can leave on the street that will slowly decompose back into Mother Earth! We also have added recyclable shopping bags, which eliminate the need for the age-old question "paper or plastic?". These bags are tough, stylish, and eco-friendly!</p>
    <h1 >What do we do?</h1>
    <p> We've got everything from healthy<a href="#"> lifestyle foods</a> and <a href="#">organic gourmet products</a> to other lifestyle products. We also have a full line of eco-friendly furniture, clothes, candles and home furnishings.</p>
    <h1>One stop shoppingOne stop shopping</h1>
    <p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
<p>You can find it all here, and our online store makes it easy to order! Pick from carefully selected food, lifestyle and home products and add them to your shopping bag, all from the convenience of home. We even offer free shipping on many items, or save you big dollars by shipping items together.</p>
    <h1>Member benefits</h1>
    <p>Anybody can shop at Organic Utopia, members however, enjoy certain benefits. For only $150 a year you will recieve a 20% discount on anything in the store. Additionally, you can take advantage of ordering bulk items when you become a member. There's really no reason *not* to join! <a href="#">Learn more.</a></p>
</div>
<div id="sidebar">
    <dl>
      <dt>December 20, 2012</dt>
      <dd>Organic Utopia's blowout sale. Lots of great deals on clothing, food, green accessories and more. Big saviings can be found everywhere!</dd>
      <dt>December 21, 2012</dt>
      <dd> All Organic Utopia stores will be closed to non-members as we prepare for the first annual World Age exhibition. Members are encouraged to come to your local store and help prepare for this once-in-a-lifetime event.</dd>
      <dt>December 22, 2012</dt>
      <dd> Community Green up. Volunteer to help clean up your community's neighborhood. </dd>
    </dl>
</div>
<div id="footer">Content for id "footer" Goes Here</div>
</div>
</body>
</html>

Perhaps it would be helpful for you to view the page source code of this page
http://www.alanwork.com/
As you can see, the submenu code links are immediately below the top level code, and are
wrapped in their own <UL> </UL> tag pairs.
Hope that helps

Error occuring in SELECT statement FOR UPDATE when using WITH cluase

Hi,
Iam using oracle 11g version
Iam having a query with fetch records for update insid with cluase as
cursor c1 is
With abc as (
SELECT col1,col2 from table1, table2 where < condition>
for update of <col1> skip locked
select * from abc,table3 where <condition>
union all
select * from table4 where id not in (select * from abc)
if i add "for update of <col1> skip locked" this cluase
iam getting error ORA-00907: missing right parenthesis
when i remove "for update of <col1> skip locked" the block is working fine..
can i know why error is occuring i

Hi, first of all, your placing of "for update" clause is wrong. It should be at the end like:
With abc as (
SELECT col1,col2 from table1, table2 where < condition>
select * from abc,table3 where <condition>
union all
select * from table4 where id not in (select * from abc)
for update of <col1> skip locked;Second, if you try to compile it with this syntax then you will get a new error.
ORA-01786:     FOR UPDATE of this query expression is not allowed
Cause:     An attempt was made to use a FOR UPDATE clause on the result of a set expression involving GROUP BY, DISTINCT, UNION, INTERSECT, or MINUS.
Action:     Check the syntax, remove the FOR UPDATE clause, and retry the statement.So, you will not be successful with the union clause in your query.

When I try and download my Bank Statement for Microsoft Money using Firefox, Microsoft Money doesn't recognise the file.

''locking as a duplicate - https://support.mozilla.com/en-US/questions/816841''
My bank, Alliance and Leicester/Santander provides a facility for downloading bank statements in various formats for use with accounting packages. I use Microsoft Money and can download my statements in a file format Microsoft Money recognises. This works fine with Internet Explorer. When I try the same process with Firefox I just get a generic "file" that Microsoft Money does not recognise and will not open.

Error "has not been signed by a recognized distributor" | Launch Adobe applications | Mac OS
Try Solution 1.

Getting product state for Anti Virus using WMI.

Hi All,
I have seen lot on blogs and discussion on productstate for AV, AS and FW. But none of them give the complete information of product state.
Do MSDN has any link that explains the product state completely. Or any relevant link for this.
Moreover pre Vista os using WMI we can find the version of AS, AV ans FW, but in post Vista OS WMI does not provide the information of version of the product so how we can achieve this in post Vista os.

Have you looked at this?
https://msdn.microsoft.com/en-us/library/jj155489%28v=vs.85%29.aspx
thanks
Frank K [MSFT]
Follow us on Twitter, www.twitter.com/WindowsSDK.

Fail over possible for 9i db, using Veritas VCS bet 32bit and 64 bit

Folks,
We are planning to use 9i R2 (9.2.0.2.0) on
Sun Solaris, using Veritas VCS .
Can we have one OS as Solaris 32 bit and
the fail over box as Solaris 64 bit.
Thanks
Ashish

Follow up question -
I am able to successfully fail over the ABAP portion of the ABAP+J2EE environment we have. This is done by altering the profile parameters in the DEFAULT profile to reflect the cluster alias rather than the actual host name.
But in the confitool of the J2EE, there are some fields that have the actual hostname hardcoded. These are in the DB, so they are host independent:
Global Disp. config>managers>ClusterManger:
ms.host = <host>
Global Disp. config>managers>LockingManger:
enq.profile.filename = /usr/sap/<SID>/SYS/profile/<SID>_DVEBMGS##_host
enqu.host = <host>
Global Server Config>managers>Cluster Manager:
ms.host = <host>
Global Server Config>managers>Locking Manager:
enq.profile.filename = /usr/sap/<SID>/SYS/profile/<SID>_DVEBMGS##_host
enqu.host = <host>
I suspect I can change the physical host names to the alias, but how can the J2EE know which profile to look at based on what physical host it's running on? ABAP knows by just reading the profile that has the real host name in it.

How to save the session states for a tabular form WITHOUT using check boxs?

Greeting guys,
As you know that we can use collections to save the session states of a tabular forms, described in the how-to doc of manual tabular forms. However, what I am trying to do ( or have to do) is to provide a manual tabular form, and save the session states for validation, without using the check boxes. Because a user can put contents into some columns in a row without checking the corresponding checkbox, according to the requirements. So basically what I tried is to loop over all the rows and save Every entry into a collection. However, sometimes I got "no data found" error with unknown reasons.
My current solution is to use the "dirty" Retry button that gets back the history, which IMO is not a good workabout. So, I'd appreciate if somebody can shed some light on a better solution, especially if it is close to the one in that how-to doc.
Thanks in advance.
Luc

The following is the first collection solutin I've tried:
htmldb_collection.create_or_truncate_collection('TEMP_TABLE');
for i in 1..p_row_num loop -- Loop on the whole form rows
if (htmldb_application.g_f01(i) is not null) or (htmldb_application.g_f05(i) <> 0)
--If either of them has some input values, the row should be saved into the colleciton.
then
htmldb_collection.add_member(
p_collection_name => 'TEMP_TABLE',
p_c001 => htmldb_application.g_f01(i),
p_c002 => htmldb_application.g_f03(i),
p_c003 => htmldb_application.g_f04(i),
p_c004 => htmldb_application.g_f05(i),
p_c005 => htmldb_application.g_f06(i),
p_c006 => htmldb_application.g_f08(i)
end if;
end loop;
Some of columns have null values, but I don't think that's the reason. Because once I clicked all the check boxes, there would be no error no matter what values were in other columns.
Another issue would be extract the values FROM the collection, which has been tried because I had problem to store the data into the collection. I used "decode" functions inside the SQL to build the tabular form. I am not sure whether it will be the same as a regular SQL for a tabular form, like the example in the How-to doc.
Also I didn't use the checksum, for it is not an issue at the current stage. I am not sure whether that's the reason which caused the NO DATA FOUND error.

Enkitec Nav bar plugin

Hi,
I need help with Enkitec Nav bar plugin, I have installed and created list and region, How can I get rid of the second menu bar? so as to have just one menu bar and the drop down I created.
This is the application URL: http://apex.oracle.com/pls/apex/f?p=9678:1:101531257071981
Thanks

Ok, I've looked and yes, you have the original APEX tabs and the new plugin Nav Bar showing on the page. To remove the original APEX tabs, edit the page attributes and remove the the "Standard Tab Set" attribute. There are other ways to do that too, like changing the page template or deleting all the tabs.
Also, the placement of the Nav Bar is not correct. You're using Theme 26, so place the Nav Bar in "Region Position 8". That will move it to the right spot.
For the override CSS, there are a few options. The file can get uploaded to the the Shared Components -> Cascading Stylesheets
Then to reference it you use #WORKSPACE_IMAGES#enkitec-navbar-override.css (if you specify the file is global to the workspace) or #APP_IMAGES#enkitec-navbar-override.css if you make it specific to the App.
The use that reference in the template or from a region on the Global Page (Page Zero).
Thanks
-Jorge

Maintaining over state on pop-up menus

I've just recently switched from MX to 8. My pop-up menus are
all done using the new CSS function and I can't figure out how to
keep the over state when viewing sub menus (I have two levels of
sub-menus, if there's a way to keep the over state for both that
would be awesome!!).
I had done it previously in MX using the instructions
available on the web, but they're no longer applicable.
Please help

jtambo wrote:
> I've just recently switched from MX to 8. My pop-up
menus are all done using
> the new CSS function and I can't figure out how to keep
the over state when
> viewing sub menus (I have two levels of sub-menus, if
there's a way to keep the
> over state for both that would be awesome!!).
> I had done it previously in MX using the instructions
available on the web,
> but they're no longer applicable.
> Please help
>
I think you might get more/better help if you post a link to
the page so
folks can see your code.
Bonnie in California
kroko at
pixelplum dot com
http://www.theanimalrescuesite.com/cgi-bin/WebObjects/CTDSites.woa

Help docking fixed nav bar to top on scroll

Help docking fixed nav bar to top on scroll
Hello,
I'm trying to get a nav bar that is positioned in the middle of a page to "dock" with the top of the browser when it is scrolled to, and undock when the browser is scrolled back up past it.
An example of this can be seen on http://lesscss.org.
Is there any way to do this in Muse?
Thanks for your help / suggestions.

I am familiar with the pinning feature.
I would like the user to be able to scroll down the page and once the nav bar that was once in the middle of the page is at the top, for it to dock or pin then. And when the user scrolls back to the top the nav bar will return to the middle of the page.
If you wouldn't mind taking a closer look at http://lesscss.org there is an example of exactly what I am talking about. The navigation bar is in the middle of the page and it doesn't pin until the user scrolls to the top.
Thanks!

Slicing an image to be used as a nav bar for html email

The html email that I've created renders as designed in most email clients. It doesn't in Outlook 2007. It was suggested that I slice an image for the nav bar so it displays horizontally as designed instead of vertically.
It's been a long time since I used slicing images in Photoshop. It doesn't appear that Image Ready is there anymore. I use Photoshop CS3. Is there a straightforward document that could walk me through the steps to accomplish this? Using the Photoshop "help" confuses the heck out of me and when I asked this question in the Photoshop forum, many looked at it but I've had no responses. Or could it be done in Dreamweaver somehow?
The web version of the html email is: http://www.theshimogaproject.com/email/riverrun-guests-email.html

You can't use DW to slice an image. Do you have Fireworks? It's really easy to do it in Fireworks, that's what I would use. If you need to use PhotoShop, a quick Google search, "slicing images in photoshop," return plenty of tutorials that you can choose from.

Over image not working in Nav Bar

I have established Up and Over images for my nav bar. The Up
image is all that shows -- even when I mouse-over or click on the
button. Thanks for your help!
Jim
"MM_nbGroup('down','group1','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif',1)"
onmouseover="MM_nbGroup('over','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif','Images_an d_Video/WhatWeDo_Over.gif',1)"
onmouseout="MM_nbGroup('out')"><img
src="Images_and_Video/WhatWeDo_Up.gif" alt="Home page link"
name="WhatWeDo" width="161" height="39" border="0" id="Home"
onload="" /></a></td>
</tr>
<tr>
<td><a href="whoweare.html" target="_top"
onclick="MM_nbGroup('down','group1','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif',1)"
onmouseover="MM_nbGroup('over','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif','Images_an d_Video/WhoWeAre_Over.gif',1)"
onmouseout="MM_nbGroup('out')"><img
src="Images_and_Video/WhoWeAre_Up.gif" alt="Who we are navigation
link" name="WhoWeAre" width="161" height="39" border="0" id="Test"
onload="" /></a></td>

I'm sorry to tell you that the first thing you need to do is
to get rid of
the method you have used. It's quite antique, and was
designed for framed
pages. It adds quite a bit of additional code (some of which
is invalid) to
your page than would the alternative of using just ordinary
image swaps for
your menu.
So, just create your menu from the up images in each row, and
use DW's Swap
image behavior on each.
And put some duct tape over this NavBar option so that you
don't use it
again!
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
==================
"JRStaf4ord" <[email protected]> wrote in
message
news:gb85gs$5e$[email protected]..
>I have established Up and Over images for my nav bar. The
Up image is all
>that
> shows -- even when I mouse-over or click on the button.
Thanks for your
> help!
>
> Jim
>
>
>
"MM_nbGroup('down','group1','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif',1)"
>
onmouseover="MM_nbGroup('over','WhatWeDo','Images_and_Video/WhatWeDo_Over.gif','
> Images_and_Video/WhatWeDo_Over.gif',1)"
> onmouseout="MM_nbGroup('out')"><img
> src="Images_and_Video/WhatWeDo_Up.gif" alt="Home page
link"
> name="WhatWeDo"
> width="161" height="39" border="0" id="Home" onload=""
/></a></td>
> </tr>
> <tr>
> <td><a href="whoweare.html" target="_top"
>
onclick="MM_nbGroup('down','group1','WhoWeAre','Images_and_Video/WhoWeAre_Over.g
> if',1)"
>
onmouseover="MM_nbGroup('over','WhoWeAre','Images_and_Video/WhoWeAre_Over.gif','
> Images_and_Video/WhoWeAre_Over.gif',1)"
> onmouseout="MM_nbGroup('out')"><img
> src="Images_and_Video/WhoWeAre_Up.gif" alt="Who we are
navigation link"
> name="WhoWeAre" width="161" height="39" border="0"
id="Test" onload=""
> /></a></td>
>

Over state for nav bar using liquid positioning

Similar Messages

Maybe you are looking for