Creating Navigation Menu Screen

I am new using APEX 2.0. I'm trying to create a page containing a navigation menu consisting of 6 hypertext links. Each of these links has these properties:
1) needs to be associated with a small popup window in which I display some help text explaining the link. This help text window should popup whenever the user hovers the mouse on the link without displaying it.
2) when clicked on, the link should display a page residing in a different application (within the same workspace).
Would someone please help me get started.
Thanks in advance.

The first thing you should do is setup all of your applications to use the same cookie name so they can all share the users session. This is done on the Authentication Scheme configuration at Shared Components>Authentication Scheme>Edit Authentication Scheme>Cookie Attributes (in v2.0 and 1.6 at least - 2.2 is a little different I think).
Then setup a little test by creating a link from one of your applications to another. In other words in f?p=100 setup a link that goes to f?p=101 or something similar. Once you get the links across apps working my preference would be to create a 'global' app where you would place your navigation page and make sure it's using the same cookie name. Then you can use the Shared Components>Lists in the 'global' app to create your navigation links.
Earl

Similar Messages

How can I add a link to an external page to the iWeb created navigation menu?

I want to add a link to a Wordpress blog to my iWeb created navigation menu. Dream Host is hosting my site.

Here's a JavaScript that inserts a link in the navbar
<script language="JavaScript" type="text/javascript">

</script>
Paste the code in a HTML Snippet.
Edit:
See it in action (the More and Home links are added this way) :
     http://www.wyodor.net/mfi/ipad/

Please advise: create chapters and create navigation menu

Hi,
relatively new to FCP I'm trying to create three chapters in a 1.5 hr. movie. Can someone tell me how to create 3 separate chapters, each preceded by it's owner chapter page.
I want to create a navigation menu from these chapters, that will be included on the DVD so that viewers can navigate immediately to either of these chapters.
I find the FCP manual rather confusing. Any help will be greatly appreciated !!!!
THNX
Wim
[email protected]

In FCP, you create chapter markers by first making sure that none of the clips are selected, then place the Timeline playhead where you want the chapter marker to be located, then hit the m key twice. A marker dialog window will open; give the chapter a name if you like (optional), then click the Chapter button in the dialog window.
Once you're finished with that (all editing should be completed before chapter markers are added), go to File-Export->QuickTime Movie. Include DVD Studio Pro markers in the drop-down menu.
Once in DVD Studio Pro, create the menu(s) you want to use, or import them if you created the menus in another application like Motion or Photoshop. Link to menu buttons to the chapters.
You should be able to find any number of tutorials online regarding this subject, as well as plenty of information in the DVD-SP user's manual/help files.
-DH

Why is Encore 6.0 giving me the "blue screen of death" when I try to create a menu?

When I purchased my student edition 6.0 (which I love by the way), Encore did not have any of the libraries loaded up on it. After reading some discussions, I downloaded the missing folders.
Now, when I try to create a menu, my computer shuts down and gives me "the blue screen of death" as they call it (a blue screen with white writting, counting up to 100%, and saying Windows is preparing to crash...or something about the hard drive crashing....I can't remember because it goes off the screen so quickly).
I've done this several times - my computer only does this when I try to create a menu in encore, and not in any other part of encore. It hasn't happened in any of the other programs either (Premiere Pro and Audition are the only other programs I have used so far), or any other times I have my laptop.
Because of this, I am not too concerned since it seems Encore is the problem. However, I do not want any other problems to escalade from this either.
Am I doing something wrong? Can someone please help me? I'm working on my Senior Thesis (a video) this year, and I really really cannot afford to have my computer crash on me.
Please and thank you,
Meghin

Read Bill Hunt on BSOD http://forums.adobe.com/thread/772169
-and an Encore fix http://forums.adobe.com/thread/1060443

How can I create a hyperlink directly in the navigation menu using iWeb09?

I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

Try this...
Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.externalpage.com"; // change this to your own URL
</script>
...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

How to create a Navigation with submenu ? { Mega Navigation Menu} ?

Please iam playing around with Flach Catalyst, but i cant find how to create a navigation menu with submenus
i've created the design in photoshop but i dont know how to do the rest in Catalyst.
the Navigation menu that i want is should be more or less like this
Home          Contact        Gallery     Team                                                            { Now when i mouse over inTeam it shows a block with text and links that i
                                                                                                                           can be able to click them.}
-------------------------------------------------------^---------------------------------- ---------------
                                       |---------------^-------------------------------------------------|
                                         Race Team                  |   Swim Team
                                      .....................................| .............................
                                         Football Team              |   NR Team
                                      .....................................|..............................
                                         Sprint Team                 | Basketball Team
                                     ......................................|..............................
                                         Jump Team                  | Water Team
                                     |.....................................................................|
Please help me i've search on google but didnt found anything.
Thank You

Hi,
This file may help. DropDownMenu.fxp (Right-click > Download Linked File to download this Fc CS5.5 file).
It illustrates a simple drop-down menu. Note that only the File menu has button items in it.
Best,
Tanya

How to create Context Menu for Full Screen ALV

Dear Experts,
Please tell me the procedure to create Context Menu for ALV Grid (full screen ALV using SLIS ).
Regards
Arnab

Hi,
Check the demo program BCALV_GRID_06

How to create an navigation menu for a onepager

I need a menu for a onepager but i have no idea how to manage it. Any ideas or solutions?
Thx for your help and time.

Do make a navigation menu from the widget,in settings put manual and next choose the tabs for example contact and make a hyperlink to an anchor!

How to create the same cool 'introduction' menu/screen that Jira has?

If you login to Jira for JavaFX bugs https://javafx-jira.kenai.com/
there is a cool 'introduction' menu/screen "What's new with Jira 5.2"
How was it implemented? I would like to have a similar screen for my application.

Hi,
Kindly go through this sample program below:
DEMO_LIST_FORMAT_INPUT *and
check this function module:
FREE_SELECTIONS_DIALOG *.
Hope it helps
Regards
Mansi

Show 2 level hierarchy in Managed Navigation menu(Current Navigation) in SharePoint 2013

We have enabled Managed Navigation in SharePoint 2013 Publishing Site. Now when a user browses a page we want to show the current page siblings are its parent links in the Managed Navigation. Right now its showing only current page siblings in managed navigation.
Is there any way to show current page parent links in Managed Navigation menu?
For example I have a term set enabled for managed navigation with following terms:
Level1
    Level 1.1
        Level 1.1.1
        Level 1.1.2
        Level 1.1.3
Level 2
    Level 2.1
        Level 2.1.1
Level 3
    Level 3.1
Level 4
    Level 4.1
Now if a user is on page Level1.1.1 then Current Navigation should show following hierarchy in using Managed Navigation :
Level 1.1
    Level 1.1.1 -> This node will be shown as selected
    Level 1.1.2
    Level 1.1.3
Level 2.1
Level 3.1
Level 4.1
Is the above behaviour possible by doing any out of box configuration or using SharePoint designer?
Thanks,
Anna Jhaveri

Ha i was given the same task by my client but they wanted it to be done in client side rather than creating new user control and inheriting from actual control.
i used Jquery and css to achieve staticlevel 3+ left navigation in sharepoint 2013. first of all let me explain the structure i had created.
HR department
-->Level 1
---->Level 1.1
------>Level 1.1.1
------>Level 1.1.2
-->Level 1.2
(same as above structure)
all i did was setting up the staticlevel ="2" and dynamiclevel="3"
so this would make left navigation with two level and remaining of its sub sites as flyouts
Part-1:
so i used Js to convert all the flyout(dynamic class ) to static $(function(){
$("ul.dynamic").removeClass('dynamic').addClass('static');$(".dynamic").removeClass('dynamic').addClass('static'); $(".static").removeClass('dynamic-children'); $("#zz12_RootAspMenu > li:nth-child(n) > ul").removeClass('dynamic-children');
$("leftnavigation ID"> li:nth-child(n) > ul > li.static > ul").removeClass('dynamic-children'); $("leftnavigation ID" > li:nth-child(n) > ul > li.static > ul > li:nth-child(n) > ul").removeClass('dynamic-children')
$(".ms-navedit-flyoutArrow").removeClass('dynamic-children').removeClass('ms-navedit-flyoutArrow');
by using this script all the dynamic classes get convert to static. after getting rid of classes call "dynamic" and "dynamic-children"
second part :
now we have convert all the dynamic level to static (just look wise) but functionally its behaviors is like flyout menu items.so the following js adds the static behavior classes so it just functions like static menu
$(function()
var path = window.location.pathname;
path = path.replace(/\/$/, "");
path = decodeURIComponent(path)
$("left nav ID" > li > ul > li.static.selected > ul > li > a").each(function () {
var href = $(this).attr('href');
if (path.substring(0, href.length) === href)
$(this).closest('li').addClass('selected');
$(this).removeClass('ms-core-listMenu-selected').addClass('selected').addClass('ms-core-listMenu-selected');
else
$(this).closest('li').removeClass('selected');
$(this).removeClass('selected').removeClass('ms-core-listMenu-selected');
How above code works:
it takes the url path of current page and compare it with the all the anchor elements href ,so when it finds the match it would go insert the static level class like "selected" in the <li> and "ms-core-listMenu-selected" in the <a>
tag so they function like static.
so i have done it for 4 levels so i had to put one more function as shown above to target and read <a> tag href values for 4th level and compare it with current page url.
i didn't explain in detail in here, i'll be writing up again on this issue on my blog with screen captures soon.
Till then you can leave comments and questions.
Disadvantage :this doest work if you have anything listed other then Subsites(pages,list,libraries) in left navigation.

Navigation menu not showing up

Hi,
I am creating a site using iWeb and have uploaded it to my web host and all runs fine... except for the navigation menu, which is kinda important. I know i could make my own, but I would like to use the default one anyway.
So everything looks fine in iWeb. Here is a screenshot showing the default navigation menu (I am using the darkroom theme)
But when I publish to my server and view through safari (have also tried Firefox and get the same results), this is what I see where the navigation menu should be:
There is no light grey horizontal box, no writing, just a black dot point. The dark grey on the sides is normal, its not in the iweb screenshot because my window wasn't very wide.
I tried disabling the menu, re-publishing (which removed the dot point), enabling it again and re-publishing but I still get the same issue.
Any ideas on why I can't get the menu??
Cheers.

I had the same issue. It's a cache settings problem. I resolved it this way:
Go to Firefox > Preferences > Advanced > Network
On that screen under the 'Cached Web Content' section, UNCHECK the 'Override automatic cache management' check box.
Then quit Firefox entirely and restart it. Should do the trick.
Peace out
SL

What is menu area? can we create a menu exit with tht?

Hi experts,
what is menu area? can we create a menu exit with tht? is areamenu(se43n) diff frm menu exit?

Hi
Menu Exits
Menu exits add items to the pull down menus in standard SAP applications. You can use these menu items to call up your own screens or to trigger entire add-on applications.
SAP creates menu exits by defining special menu items in the Menu Painter. These special entries have function codes that begin with "+" (a plus sign). You specify the menu items text when activating the item in an add-on project.
Menu exits allow you to add your own functionallity to menus. Menu exits are implemented by SAP, and are reserved menu entries in the GUI interface. The developer can add his/her own text and logic for the menu.
Function codes for menu exits all start with "+"
Example
We want to create a new menu item in the Office menu. The text for the menu should be "Run ZTEST", and the menu will
run report ZTEST.
Goto transaction SE43 Area Menu Maintenance
In Area Menu Paramenter type 'S000' (S triple Zero)
Select Change and ignore all the warning screens
Expand the office menu. In the buttom of the office tree you will find a menu named "Customer function"
Double click on the text. In the pop-up screen change the text to "Run ZTEST". Note that the trsnaction code is +C01
Goto transaction SE93 and create transaction +C01 that calls report ZTEST.
Now you will se the menu displayed in the office tree. If you delete transaction +C01 again, the new menu will dissapear.
There are 'only' 177 Menu exits in standard - I couldn't see the right one, too.
But you could search the implemented exits, this should be only a small number. Go to transaction CMOD, enter * and F4, information system (F5), show all selections (Shift+F7) and then you can restrict to search only menu exits.
Of course there is the possibility, that these are added in a different way...
... at least you can be sure, if it's a normal menu exit.
Check this sap help..
http://help.sap.com/saphelp_nw04/helpdata/en/c8/1975cc43b111d1896f0000e8322d00/content.htm
http://www.sapbrainsonline.com/TUTORIALS/default.html
You can achieve this functionality by configuring in IMG.
Please find the info regarding User-Exit's in the following links:
http://help.sap.com/saphelp_nw04/helpdata/en/bf/ec07a25db911d295ae0000e82de14a/frameset.htm
http://www.sap-img.com/abap/a-short-tutorial-on-user-exits.htm
Re: doubt on user exits
user exits and Badis
User exits is the enhancements provided by SAP
You can use them in transactions. Each transaction will have user exits.
If you want to use your own requirements by making your coding while the transaction is run you can use user exits.
For example if you want to run the MRP in MD02 specific to MRP controller you can user exit.
Please also refer the document below.
USEREXIT
Userxits allow us to add our own functionality to SAP standard program
without modifying it . These are implemented in the form of subroutines and hence are also known as FORM EXITs. The userexits are generally collected in includes and attached to the standard program by the SAP.
All Userexits start with the word USEREXIT_...
FORM USEREXIT_..
z..
ENDFORM.
The problem lies in finding the correct userexit and how to find it if one exists for the purpose. Once the correct userexit is found the necessary customer code is inserted in the customer include starting with the z.. in the form routine.
e.g. USEREXIT_SAVE_DOCUMENT_PREPARE
Certain application like SD still provide this form of enhancement using userexit but this practice is no longer being followed for newer extensions instead they are using EXITs which come bundeled in enhancement packages . Neverthiless existing USEREXITS will be supported by SAP an all the newer versions of SAP.
HOW TO FIND USEREXITS
Userexits can be found in number of ways:
1) To find userexits in SD module , goto object navigator(SE80) and select
development class from the list and enter VMOD in it. All of the userexits in SD are contained in the development class VMOD. Press enter and you will find all the includes which contain userexits in SD for different functions like PRICING, ORDER PROCESSING etc. Select the userexit according to the requirement and read the comment inserted in it and start coding .
Some examples of userexits in SD(SALES & DISTRIBUTION ) are:
1)ADDING OF NEW FIELDS IN PRICING
In Pricing in SD the fields on the basis of which pricing is done are derived from the FIELD CATALOG which is a structure KOMG .This structure is used to transfer transaction data to the pricing procedure in SD and is also known as communication structure.This structure KOMG consists of two tables KOMK for Header related fields and KOMP for item related fields. The fields which are not in either of the two tables KOMK and KOMP cannot be used in pricing .Sometimes a need arises when the pricing is to be based on some other criteria which is not present in the form of fields in either of the two tables. This problem can be solved by using USEREXITS which are provided for pricing in SD. Pricing takes place both when the SALES ORDER ( Transaction VA01) is created as well as when INVOICING ( Transaction VF01) is done.Hence SAP provides 2 userexits ,one for sales order processing which is
USEREXIT_PRICING_PREPARE_TKOMP or
USEREXIT_PRICING_PREPARE_TKOMK
Depending upon which table (KOMK or KOMP) the new fields were inserted we use either of the above two userexits.These userexits are found in include MV45AFZZ of the standard SAP sales order creation program SAPMV45A.
In the case of userexit which will be called when invoicing is done ,these
are provided in the include RY60AFZZ which is in the standard SAP program SAPMV45A. The name of the userexits are same. i.e
USEREXIT_PRICING_PREPARE_TKOMP or
USEREXIT_PRICING_PREPARE_TKOMK
These userexits are used for passing the data from the communication structure to the pricing procedure, for this we have to fill the newely created field in the communication structure KOMG for this we fill the code in the above userexit using the MOVE statement after the data that has to be passed is taken from the database table by using the SELECT statement. The actual structure which is visible in these userexits and which is to be filled for that particular field is TKOMP or TKOMK.
Before the coding for these userexits is done ,it is necessary to create a new field in either of the two tables KOMK or KOMP .For this purpose includes are provided in each of them .
To create the field in header data(KOMK) the include provided is KOMKAZ
and to create the field in item data(KOMP) the include provided is KOMPAZ.
One possible example for the need of creating new fields can be e.g. Frieght to be based upon transportation zone ,for this no field is available in field catalog and hence it can be created in KOMK and then above userexits can be used to fill the transportation data to it.
2)The other method of finding userexit is to find the word USEREXIT in the
associated program of the transaction for which we want to determine userexit using SE38.
3)The other method of finding userexits is to find the include in case of SD/MM applications where the userexits are located ,this can be found in the SAP reference IMG generally in the subfolder under SYSTEM MODIFICATION.
Some other examples of userexits in SD are:
USEREXIT_NUMBER_RANGE
This userexit is used to assign a different internal document number to the
sales order(VA01) when it is created depending on some criteria like a different SALES ORGANIZAION(VKORG) .
USEREXIT_SAVE_DOCUMENT_PREPARE
This userexit is used to insert the ABAP code which will be called when
the document (sales order VA01) is just about to be saved.This userexit is used generally for custom checks on different fields , to display some information before the order will be saved or for making changes to certain fields before the sales order will be saved.
Exits & Enhancements
There are mainly six types of EXITs in sap which have been collected in the form of enhancement packages and attached to standard code in SAP.
These are different from USEREXIT in the way that they are implemented
in the form of FUNCTIONs while in USEREXITS we use form routines for their implementation. These are also sometimes known as function exits .
These start from the word EXIT_ followed by the program name and then followed by a three digit number.
e.g. EXIT_SAPMV45A_002
This exit is found in SD in enhancement V45A0002.
TYPES OF EXITS
1)MENU EXITS
2)FUNCTION EXITS
3)TABLE EXITS
4)SCREEN EXITS
5)KEYWORD EXITS
6)FIELD EXITS
We use SAP transactions CMOD and SMOD to manage exits. Before implementing an exit , it is required to create the project by using CMOD
selecting the enhancement e.g. V45A0002 and selecting the component
(one which fulfills our need) i.e the exit which will be implemented in SMOD and after coding has been done the project has to be activated.
An exit can be coded only once.
FUNCTION EXITS
These are used to add functionality through ABAP code . These start from the word EXIT_programname_NNN ending in a 3 digit number. No access code is required to implement any tupe of exit including function exits.
The function exits are called from the standard SAP program in the form
of ABAP statement
CALL CUSTOMER-FUNCTION 'NNN'
This is in contrast to USEREXITs where PERFORM statement is used to call
the required userexit.
To implement the FUNCTION EXITs first of all the project is created and a suitable enhancement package is selected and from its compnents the function exit to be implemented is selected and on double clicking it the exit code will appear in ABAP EDITOR(se38) where a Z include will be found and the customer code should be entered in this include.
e.g.
ADDING A DEFAULT SOLD-TO-PARTY in Sales Order Creation
To show a default sold-to-party in this field when the user creates a sales order (VA01) we can use a function exit .This function exit is located in enhancement no V45A0002 . Before we can choose the exit we have to create a project in CMOD after that enter V45A0002 in the enhancement field and click on the components . In the components you will see the exit EXIT_SAPMV45A_002 . This exit is used for our purpose.
Double clicking on this exit will takes us to function builder (SE37) . This
function exit has one exporting parameters and two importing parameters, we are interested in exporting parameter which is E_KUNNR of type KNA1-KUNNR i.e if we move the desired customer name to this structure(E_KUNNR) it will be shown in the field as the default value when we create the sales order. This function also contains a customer include ZXVVA04 . This include will be used to write our custom code .
Double clicking on this include and it will prompt us that this include does not exists do you want to create this object ,select yes and the include will be created .In this include we can write our own code that will fill the field E_KUNNR.
e.g. E_KUNNR = 301.
Activate the include and Activate the project. Now when ever the SALES ORDER will be created , sold-to-party field will come up with a predefined customer .
FIELD EXITS
The field exits are managed,created,activated through program RSMODPRF. The field exit is associated with a data element existing in ABAP dictionary and hence to the screen field using that data element.
The format of field exit is :
FIELD_EXIT_dataelement_A-Z or 0-9
If a particular screen and program name is not specified than the field exit will effect all the screens containing that data element.
The function module associated with field exit shows two parameters
INPUT and OUTPUT. Input parameter contains the data passed to the field exit when the field exit was invoked by the R/3 , We can write our own code to change the output parameter depending upon our requirements.
Before the field exit can have any effect the system profile parameter
ABAP/FIELDEXIT in all the application servers should be set to YES
ABAP/FIELDEXIT = YES.

Navigation Menu trouble!

I created a drop down Navigation Menu in Dreamweaver CS5 by using the Spry Menu Bar. After I customized the colors I noticed that the drop down tab were appearing correct, but on the left if i widend the screen all the tabs were listed off the page.I have the website I created centered so u can see the tabs to the left.
Attached is a picture.Can someone help me what did I do wrong?

IMO the entire layout is in trouble not just the menu.
I would start over with a pre-built CSS layout and ditch the tables. You really don't need tables for layouts and should only use them when displaying tabular data (spread sheets & charts).
CSS Liquid Header & Footer with Floats
http://alt-web.com/TEMPLATES/I-page-with-floats.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

IDVD - dvd plays automatically without going to the menu screen

Hi,
I'm new to iDVD and burned my first project yesterday, after transfering it from iMovie.
A problem: I created chapter markers in iDVD, which when imported into iDVD appeared there. The home page let's you choose either to play the movie or select a scene. However, after burning the project to DVD and inserting it into a DVD player, it starts the movie automatically!
I would like it to go, by default, to the menu screen when inserting into a DVD player - so I can choose scenes. Any suggestions how I can get it to do that?
Thank you,
Mont

As you have rightfully pointed out above; I wouldn't assume iDvd'08 and iDvd'09 are identical versions. But they are very similar. There are more significant differences within separate iMovie versions, as well as iPhoto, GB, etc.
Have I tested the difference between iDvd'08 vs. iDvd'09? No, not yet. As soon as I do I'll make every attempt to post a few of the differences. At the moment, I'm looking into separate volumes / hard drive bootability differences between Tiger vs. Leopard on both an external FW HD as well as internal ATA and SATA hard drives. And it seems I have my work cut out for me in this regard for at least the next few weeks. As soon as I complete this latter issue I will come back to iDvd.
Under Tiger I didn't have to worry about making a clone (using CCC or SuperDuper) of my existing volume/s that contained iDvd and other i-apps. But apparently (at least at first glance) this is longer the case under Leopard.
Message was edited by: SDMacuser

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Creating Navigation Menu Screen

Similar Messages

Maybe you are looking for