Help with linking navigation menu button directly to pdf on server.

I am trying to make the "specials" part of nav menu link to pdf on server. Please help

You need to have your menu set to Manual in the menu properties.
Then select a pdf file that you will be linking to and add it to the assets.
Then select the menu item that you want linking to the PDF and select the PDF from the Hyperlinks list.

Similar Messages

  • I need help with the navigation menu please?

    I have been working my way through your six part printed instructions and I am styling the header and navigation menu.  The bullet points disappeared which was correct and the tabs moved to the right, as they should, but one tab sits underneath another tab and all tabs are covered up by my main heading.  This is dreamweaver CS6.
    It looks a bit of a mess!

    I have moved this to the main Dreamweaver forum, as the other forum is intended to deal with the Getting Started video tutorial.
    The best way to get help with layout problems is to upload the files to a website and post the URL in the forum. Someone can then look at the code, and identify the problem. Judging from your description, it sounds as though the Document window is narrow, which would result in the final menu tab dropping down to the next row. Try turning on Live view or previewing the page in a browser. Design view gives only an approximate idea of the final layout. Live view renders the page as it should look in a browser.

  • 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"><!-- end .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>
         <!-- end .sidebar1 --></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">
        <!--All elements inside this will become slides-->
        <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>
      <!--It is safe to delete this if captions are disabled-->
      <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>
            <!-- end .footer -->
    </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;

  • How can I get Navigation Menu Button to remain in down state after clicked?

    Hi there,
    I'm messing about with a Navigation Menu and would like to click on the button and once clicked, the button remains in its down state.  I can't seem to find a way of doing this?  Any pointers?
    Cheers

    We would need to see your live page and code to offer more meaningful answers.  But I wonder if what you really want is a "persistent page indicator" on your nav menu?
    HOME  |  PRODUCTS  |  CONTACT US
    When you're on the Home page, the HOME menu is highlighted.
    HOME  |  PRODUCTS  |  CONTACT US
    When you're on the Products page, the PRODUCTS menu is highlighted. And so on...
    See this related discussion -
    http://forums.adobe.com/message/2398026#2398026
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Anyone help with linking a bank account to your apple id. The form wants a phone number I only have a UK mobile number and it doesnt sem to want to accept it keeps l;ooping me back to entering a phone number.

    Anyone help with linking a bank account to your apple id. The form wants a phone number I only have a UK mobile number and it doesnt sem to want to accept it keeps l;ooping me back to entering a phone number.

    If you are trying to setup a charge card number on the Apple Store - make sure you are in the Correct country site - icon bottom right last time I saw it - where you can change country.  

  • Help with linking buttons to Scenes

    Hey,
    Rookie to Flash and AS3. Just needed some help with my buttons. Im making a flash program about pancakes (random I know). I have a "Mainmenu" scene and then a "Recipe" scene. I have a button on my mainmenu which takes me to the recipe page when I click it, the code behind the button is
    "stop();btn_recipe.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);function mouseDownHandler(event:MouseEvent):void {
    gotoAndStop(1, "Recipe");
    Then when I arrive at my recipe page I have a button which will take me back to my MainMenu, the code behind that button is:
    "stop();btn_home.addEventListener(MouseEvent.MOUSE_DOWN, mouse5DownHandler);function mouse5DownHandler(event:MouseEvent):void {
    gotoAndPlay(1, "MainMenu");
    So I run my program and the first button works and takes me to recipe page but the button to get to the main menu does nothing, click it and no response or anything
    Please help

    First, hopefully having all your code mushed onto the same line is a copy/paste error, otherwise it should look like...
    stop();
    btn_recipe.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
    function mouseDownHandler(event:MouseEvent):void {
         gotoAndStop(1, "Recipe");
    If the intention is to click the buttons to make them work, then you should use CLICK instead of MOUSE_DOWN.  MOUSE_DOWN can be a persistent state whereas CLICK involves releasing it afterwards.
    As for the code to get you back home, where is it located on the timeline?  Are you getting any error messages when you try to use it?
    One thing you should learn to use is the trace() function.  It is useful for troubleshooting.  You can use it now to see if your second button is talking to the function at all...
    stop();
    btn_home.addEventListener(MouseEvent.CLICK, mouse5DownHandler);
    function mouse5DownHandler(event:MouseEvent):void {
         trace("the button works okay");
         gotoAndPlay(1, "MainMenu");
    If you don't get that message in the output panel, you'll know the button is not properly coded to work.
    Most folks here will recommend you get away from using scenes in a design that includes navigation--they have a history of being problematic.  Instead of using scenes, divide the one main timeline up into sections or use movieclips for the sections and manage their visibility... or do a bit of both.

  • DON'T HAVE A HELP TAB IN MY MENU BUTTON. CANT EVEN COPY A URL IN MY ADDRESS BAR OR REFRESH IT ?

    how on earth can you help people when all you do is direct them to another page to click on something that doesn't help. this new version is awful . i cannot even put a url address in my address bar, nor can i refresh the address bar as it won't highlight at all. i keep going to all sorts of help pages and they are no help at all. i have used firefox for years and never had so much trouble with anything. the worse thing is your support and not being able to talk to any about anything. as it is i have to go all over just to find maybe an answer to this.i am using a background theme that i used before the new updated version and had no problems with it. if your themes are not compatible then why have them ??? the address bar problem is not present if i get rid of the theme and use the plain boring theme that you have . all i want to know is why this issue is happening with the theme i am using. and if possible it would be nice to get an answer in my email so i don't have to click on a dozen help pages trying to find it . thank you ..
    <sub>edit by a moderator: if you want to be able to discuss the issue with someone, don't do it in a shouting format (all uppercase), as this is considered rude on the internet - therefore i have converted your text into normal characters. in addition i have removed your address from public display since you will be notified per mail once somebody replies to the thread anyway. (philipp)</sub>

    '''What is your support question?''' This? <br />CANT EVEN COPY A URL IN MY ADDRESS BAR OR REFRESH IT ?
    A number of other users have mentioned a similar problem. <br />
    Chances are that you have an add-on installed that isn't completely compatible with Firefox 29. '''You''' need to figure out the culprit and disable it until an update for that add-on is available.
    If so, '''Try Firefox Safe Mode''' to see if the problem goes away. [[Troubleshoot Firefox issues using Safe Mode|Firefox Safe Mode]] is a troubleshooting mode that turns off some settings, disables most add-ons (extensions and themes).
    If Firefox is open, you can restart in Firefox Safe Mode from the Help menu:
    *In Firefox 29.0 and above, click the menu button [[Image:New Fx Menu]], click Help [[Image:Help-29]] and select ''Restart with Add-ons Disabled''.
    *In previous Firefox versions, click on the Firefox button at the top left of the Firefox window and click on ''Help'' (or click on ''Help'' in the Menu bar, if you don't have a Firefox button) then click on ''Restart with Add-ons Disabled''.
    If Firefox is not running, you can start Firefox in Safe Mode as follows:
    * On Windows: Hold the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
    * On Mac: Hold the '''option''' key while starting Firefox.
    * On Linux: Quit Firefox, go to your Terminal and run ''firefox -safe-mode'' <br>(you may need to specify the Firefox installation path e.g. /usr/lib/firefox)
    When the Firefox Safe Mode window appears, select "Start in Safe Mode".<br>
    [[Image:Safe Mode Fx 15 - Win]]
    '''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]] article to find the cause.
    ''To exit Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''

  • Plz Help me put  navigation menu on my front page, but a good one......

    Hi ive used spryware ive used normal typing but my navigation bar is awful how can i can create a good one ?
    Another thing is ive made the spyware navigation menu bar horizontal but when i load it up on my ftp files for the internet it ends up going vertical with bullet points, plz help.........
    In my dreamweaver it previews like its suppose to be but when i load it on the internet public html it doesnt show it horizontally.
    thanks for anyone who can help
    Ive also attached the file

    Did you upload your CSS and javascript files to the server?  We would need to see a link to your live page on server to give more meaningful feedback.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Help with spry tabbed menu bar

    Hi.
    I need help with the spry tabbed menu panel (horizontal) It
    works fine in dreamweaver ( pressing f12 ) but when i goto my
    website www.so-nouveau.com it puts it all over and not in boxes
    either just the writing.
    I ahve double checked all uploading is correct and files are
    located but it wont work.
    Here is what i did >
    new> html> 1 column elastic,centered. i have not
    changed any other settings at all. Do i need to change the doc type
    or css layout in the drop down menus before starting (doc
    type=xhtnl 1.0 transitional and layout css=add to head)
    I am still on cs3 , does this matter ? or is 4 easier ?
    any help out there guys is much appreciated but please bear
    in mind that i am not a web designer or pc expert at all , this is
    just me building my own site , until nowit has been an enjoyable
    experience but grrrrrr when it dont work
    Thanks
    Jay

    so-nouveau wrote:
    > Hi.
    > I need help with the spry tabbed menu panel (horizontal)
    It works fine in
    > dreamweaver ( pressing f12 ) but when i goto my website
    www.so-nouveau.com it
    > puts it all over and not in boxes either just the
    writing.
    Please post links directly to the page having an issue. I saw
    no tabs on the home page, but I noticed that there is a link on the
    bottom of the page to this page that has a Spry tab on it:
    http://www.so-nouveau.com/test%208.html
    > I ahve double checked all uploading is correct and files
    are located but it
    > wont work.
    That page refers to a Spry JavaScript file and a Spry CSS
    file, which should be at the following locations but are not
    present:
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
    Make sure you upload the SpryAssests folder and see where
    you're at after that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Help with UL navigation list

    Hello all, I need some help with a left navigation menu I
    have created, you can see the code below:
    the problem I have is when I am putting a link to the UL it
    doesn't work ( probably because I have a background image in my
    CSS) i was wondering if I can do it with another way..
    css code
    .treemenu {
    margin : 0px 20px;
    padding : 10px;
    list-style : none;
    width : 200px;
    .treemenu ul {
    list-style : none;
    margin : 0px 5px;
    padding : 0px 5px;
    .treemenu li {
    display : inline;
    .treemenu a {
    display : block;
    padding-left : 0px;
    text-decoration : none;
    .treemenu .treeopen {
    background-image : url('../img/open.gif');
    background-repeat : no-repeat;
    background-position : left;
    .treemenu .treeclosed {
    background-image : url('../img/closed.gif');
    background-repeat : no-repeat;
    background-position : left;
    UL

    Hello all, I need some help with a left navigation menu I
    have created, you can see the code below:
    the problem I have is when I am putting a link to the UL it
    doesn't work ( probably because I have a background image in my
    CSS) i was wondering if I can do it with another way..
    css code
    .treemenu {
    margin : 0px 20px;
    padding : 10px;
    list-style : none;
    width : 200px;
    .treemenu ul {
    list-style : none;
    margin : 0px 5px;
    padding : 0px 5px;
    .treemenu li {
    display : inline;
    .treemenu a {
    display : block;
    padding-left : 0px;
    text-decoration : none;
    .treemenu .treeopen {
    background-image : url('../img/open.gif');
    background-repeat : no-repeat;
    background-position : left;
    .treemenu .treeclosed {
    background-image : url('../img/closed.gif');
    background-repeat : no-repeat;
    background-position : left;
    UL

  • Searching for Flash Photo Gallery with numbered navigation menu.

    I'm looking for a photo gallery with a numbered navigation
    menu. I've seen this gallery on several flash web pages. Is this
    type of photo gallery a template that comes with flash? Has anyone
    come across a tutorial for a photo gallery similar to the link
    below.
    http://www.rockcreeksm.com/index.php/work/portfolio/

    i made this one:
    http://www.goldbergphotography.com/
    but there are quite a few simpler photogalleries. use google
    to search for some tutorials or templates.

  • Help with a Spry Menu Bar

    I'm having trouble with a Spry Menu Bar not displaying
    correctly in Internet Explorer, while it displays fine in every
    other browser I have available. I've done some searching on these
    boards, but the queries I've found with the same type of problem
    each has a knowledgeable person editing the code for the
    poster...and I can't seem to make heads or tails of it.
    So, below is my link. What you'll see if viewed in Explorer
    is that the "Clinics" listing and the "Services & Specialties"
    listing are each on the same horizontal line, rather than vertical
    like the rest of the menu. If anyone can help me in correcting this
    problem, I'd be very appreciative.
    Thanks in advance.
    http://www.chambershospital.com/temp/about.html

    Hello,
    You might try removing all of the <div> tags you
    inserted in the menu.
    This can happen if you select text in design view and use the
    "align" icons
    in the properties window instead of using CSS to align
    things.
    For example:
    <li>
    <div align="left"><<****REMOVE THIS
    <a href="clinics.html"
    class="MenuBarItemSubmenu">Clinics</a>
    <ul>
    <li><a href="clinic.html">Chambers
    Clinic</a></li>
    <li><a href="clinic7.html">Scenic 7
    Clinic</a></li>
    </ul>
    </div><<*** REMOVE THIS
    </li>
    So it looks like this:
    <li><a href="clinics.html"
    class="MenuBarItemSubmenu">Clinics</a>
    <ul>
    <li><a href="clinic.html">Chambers
    Clinic</a></li>
    <li><a href="clinic7.html">Scenic 7
    Clinic</a></li>
    </ul>
    </li>
    Repeat for all the other <div align="left"> and
    </div> tags in the menu.
    Take care,
    Tim
    "Zim74" <[email protected]> wrote in message
    news:fv4vc0$r0t$[email protected]..
    > I'm having trouble with a Spry Menu Bar not displaying
    correctly in
    > Internet
    > Explorer, while it displays fine in every other browser
    I have available.
    > I've
    > done some searching on these boards, but the queries
    I've found with the
    > same
    > type of problem each has a knowledgeable person editing
    the code for the
    > poster...and I can't seem to make heads or tails of it.
    >
    > So, below is my link. What you'll see if viewed in
    Explorer is that the
    > "Clinics" listing and the "Services & Specialties"
    listing are each on the
    > same
    > horizontal line, rather than vertical like the rest of
    the menu. If
    > anyone can
    > help me in correcting this problem, I'd be very
    appreciative.
    >
    > Thanks in advance.
    >
    >
    http://www.chambershospital.com/temp/about.html
    >
    >

  • Need Help making a navigation menu for a website

    Alright so I've been having some problems getting this to work correctly. I am making a navigation menu for a website and I'm trying to get when I hover over the main header a drop down appears animated of course below it. I also want when you highlight a specific text line for it to highlight blue along with a rectangle behind it to change to a lighter shade of red.
    Some of the problems  I have been running into is play and stop commands on mouseover and them not stopping when they should and getting the text to change color.
    Thanks for the help.
    Here are some screen grabs of what I am doing
    http://imgur.com/W2bZuF3
    http://imgur.com/W2bZuF3
    http://imgur.com/2GI3y71

    Your page's code is still a bit of a wreck.  Do you ever look at it?
    <html>
    <style type="text/css">#p7MBM_1 {
      width: 951px;
    You need a doctype first - I recommend HTML4.01 Transitional.  Open this (and other pages) in DW and use FILE | Convert > HTML 4.01 Transitional, then save.  But wait until you do the other changes recommended below before doing this.
    Add a <head> tag below the <html> tag.
    Add a <title> tag below the <head> tag.
    Add this below the <title> tag - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    Add </head> below this -
    <style type="text/css">
    <!--
    .style10 {font-family: "Goudy Old Style"}
    -->
    </style>
    You may want to change that font-family style to "Goudy Old Style, Geneva, Times, 'Times New Roman', serif", since Goudy is not web safe.
    Move <body> below that </head> you just added.
    That will clean your code up a bit.  Let's look at the page again when you have done these.

  • Need help with Link passed from XML

    This is to create a flash driven navigation menu. What I have
    is a coldfusion page that serves a simple XML formatted page. There
    are 3 XML components, linkLabel, linkURL and linkType. The label
    just passes text, the type is just a number 0-9 that is used to
    determine the style of the button. The linkURL that is passed from
    coldfusion comes across encoded for XML, so what I end up with is
    url's that replace "&" with ";amp;".
    So my question is this, is there an easy way in the
    actionscript to replace the ";amp;" with "&"? Other than that
    little problem, the rest of the script runs just fine, I just can't
    seem to find the syntax I'm looking for to replace items in a
    string. I saw the code for replacesel() but this doesn't seem to do
    it, unless i'm writing it wrong.

    Just in case you want something similar in future:
    string = string.split("&amp;").join("&");
    is an easy way to replace something in a string (here
    '&amp;' gets replaced with '&').
    greets,
    blemmo

  • Help with my moving menu bar in my webpage

    Hello,
    First of all I am completley new to webdesign and have no clue what I am doing so you will probably see me posting alot in the upcomming weeks. Im trying to create a wepbage for our youthministry at church. The webpage is www.ccifuel.com. My first question is about the navigation menu on it. It seems to move from one place to another when the web browser expands and I would like it to stay in a fixed position over the image. How do I do that? My last question is that im trying to creat a form to collect email addresses to start a newsletter in the box labeled "Join our mailing list!" but when I try to enter a spry validation text field it says, "You cannot insert this widget into an editable region..." and so on. Any idea how to make that area locked so i can insert a form there or would there be a better way to do this? thanks for all the help in advance!

    First of all I am completley new to webdesign and have no clue what I am doing so you will probably see me posting alot in the upcomming weeks.
    In that case, you really should  work your way through some tutorials first.  These aren't hard and they'll give you basic skills to work with    X/HTML & CSS.
    Start here:
    HTML & CSS Tutorials - http://w3schools.com/
    My first question is about the navigation menu on it. It seems to move from one place to another when the web browser expands and I would like it to stay in a fixed position over the image.
    Why  do APDivs move?
    http://forums.adobe.com/message/2181263#2181263
    Your best course of action is to build your HTML content so that it flows naturally from top of page to bottom.  Then use CSS default positioning (which is no positioning at all) along with floats, margins and padding to align  elements on  page.
    From  Tables to CSS Web Design Part 1 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
    From   Tables to CSS Web Design Part 2 -
    http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
    Best of luck,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

Maybe you are looking for