How to add my drop down menu on my site

I followed a dreamweaver video to create a dropdown menu with pure css which turned out to be great.  My problem is when you follow a video I followed the instructions and started a new html and then attached the css styles to the new html called "dropdownmenu.  But as I don't know how to put it in my index page.  I understand that css is the rules but how to I get in my website.  Most of the prob an easy one for all what you experts out there!

I hope someone will help me please.

Thank you, Karen

Oh im using cs5.5

karenserjy1 wrote:

My link to the page index between the 'head' is -so am I right in saying that the styles.css is finding in the index to the MB page and future pages if I want to.

Yes that's correct.

karenserjy1 wrote:

And the navMenu.html link is - and it becomes the dropdown css information.

If I'm not mistaken the two copies of the dropdown.css can I?  I hope that it's nice and clear for you!

Again thank you very much for your help... it is very enjoyed!  I spend most of my time learning to youtube and don't really like to bother people, but after an hour of scratching my head, I gave up!

Forget the folder 'drop-down list' - as a space for experimentation.

Add another link in your index under the link page to your styles.css css main as below:

Now copy the HTML menu on the navMenu.html page and paste it into the index page where you want the menu to appear.

It is not uncommon to have two or three linked css style on one page sheets.

Tags: Dreamweaver

Similar Questions

  • How to add the drop-down Menu to other pages of a Navigation link title bar

    Hello

    I'm going through "Dreamweaver 8 Missing Manual", but I need a direction.

    Do I need to use behaviors and Extension to achieve?

    see you soon,

    Dreamer101.1

    My Naivation bar looks like this so far.

    Google "Server Side includes" and see if that gets you anywhere?

    It isn't really a thing of DW, but it is a very popular way to do what you want to achieve.  It is also a very effective way to use your code.

    Martin.

  • How to add a drop-down list to a rollover image?

    Hello

    I guess my title says it all... I was wondering how to add a drop-down list to a rollover image? I know that there is the sprymenu, but I need to have my own flight path images.

    Thank you

    Kazem

    Frankly, ANY link can offer a drop down.

    Take a look at This turorial.

    That you will get your menu drop-down. Therefore, only.

    Now, on your top menu (or any level where you want to have an image instead of text to do this):

    (I copy the HTML structure in the tutorial here):

    Now, suppose you want an image instead of the word 'works '. You'll want the image to be sized correctly, and if you look at the CSS, you will see that it is 112 pixels wide by 52 high. If your image is about of these dimensions, you're all set.

    So instead of 'items', you insert your picture.

    Fact.

  • How to add the drop-down filter list in a dashboard button/menu

    Hi all

    I created a custom dashboard related activities, but I don't know how to put the drop down filter the list (for example, exercise & fiscal month) on top of the dashboard as Pipeline analysis (report SOD predefined) as well as the button 'Go '.
    Clues?

    Thanks in advance

    Hello!

    In the page analysis of the design, you must create a new dashboard guest.
    Go to Design Analisys, select a report type (doesn't matter which) e.g. addresses of account (1).
    Then on the top left of the page, you will see 3 icons, and the third is new dashboard fast....

    Once you have created your command prompt, you can save it as the other reports, and you can add it to your dashboard.

    I hope this will help, do not hesitate to ask for more!

    Max

  • How to use a drop down menu to post a link internal

    I use Acrobat Pro DC. I want to use a drop down menu to post an internal link in my PDF document. I think its possible, and the solution is probably with JavaScript. I am very new to JS. I have the drop down created through forms, but nothing I have add in the preferences in JS is the case. Any help would be greatly appreciated.

    Thank you

    Ok. So first check the box that says 'Immediately validate the selected value' under the drop down properties, tab Options, and enter this code as its custom validation script:

    If (event.value == "A") this.pageNum = 1; Go to page 2

    If (event.value == "B") this.pageNum = 4; Go to page 5, etc.

    Adjust the values and page numbers, as required.

  • I would like to add a drop down menu allows me to select a time.

    I am new to Adobe Acrobat Pro DC so forgive my ignorance. I use this program in Windows. I would just add a dropdown menu to my form to fill out so that I can choose a time in military format. I know it must have a simple solution then I thank you in advance for any help you can give.

    What exactly is the problem? Create a drop-down list field and add all items

    you want to have... If you want to than every minute to be selected I

    recommend you use two fields, one for the hour and the other for minutes.

  • How to add a drop-down list interactive

    I want a drop-down list that will add a set of fields based on the choice of the list.

    In this case, we want users to perform their function and inspiring than selected title we need to fill specific license information. I have not found a javascript (or I don't have the skills) to get there. Forms, I've done in the past which would just hide the unnecessary fields, but is there a way to actually have the fields become active, or appear depending on the choices in the list?

    Yes, it is possible. The general code would be something like this (as a custom drop-down list field validation script):

    var field1 = this.getField("FieldName1");
    var field2 = this.getField("FieldName2");
    var field3 = this.getField("FieldName3");
    
    if (event.value=="Value1") { // Show field1, hide the rest
         field1.display = display.visible;
         field2.display = display.hidden;
         field3.display = display.hidden;
    } else if (event.value=="Value2") { // Show field1 and field2, hide the rest
         field1.display = display.visible;
         field2.display = display.visible;
         field3.display = display.hidden;
    } else if (event.value=="Value3") { // Show all fields
         field1.display = display.visible;
         field2.display = display.visible;
         field3.display = display.visible;
    } else { // hide all fields
         field1.display = display.hidden;
         field2.display = display.hidden;
         field3.display = display.hidden;
    }
    

    PS. Be sure to check the option to validate the selected value of the field drop-down immediately (under properties of the field - Options).

  • How to insert a drop-down menu item via HTML without moving any other existing content?

    Hello

    I inserted an Electrolux (Bullseye Locators) reseller on my business through HTML Web site. When you preview in a browser and try to use the Locator, the results appear, but because it is a drop down with the results, he pushes in fact all content below down and I get a white space between the Locator & content. I tried to separate with the Locator on another layer, but it doesn't seem to help. Anyone had this happen before? If so how to solve the problem? -Thank you

    Draw the HTML in Design view of Muse large enough to fit the entire height expanded area of the Locator.

  • How to display a drop-down menu when the user clicks on a point on lineseries?

    Hi all

    I am new to flex development.

    I watch the series online on the Board, I would like to give a response when the user clicks on the "point" on the line, I want to display a menu drop down and react to the choice of the user on the menu item.

    Is this feasible? Any sample or reference?

    Thanks in advance.

    Jack

    I prefer to use itemClick localX or stageX, according to me, one of these will help you get what you want.

  • How to close the drop-down menu that I get when I right click on the arrow to the left (to the left of the address bar)? EXHAUST used to do.

    When a tab has a bit of history associated with it, the back and arrows forward near the address bar (IE lefet) opens this story of tabs when clicked.

    But, I can't close this pop-up history.

    In the past, hitting escape close this window. (firefox 14). Now (firefox 27) ESCAPE does not close the window.

    How to close this window?

    (I want to do this via the keyboard and NOT BY SIMPLE CLICK a RANDOM place on the screen.)

    Thank you Gingerbread Man.

    My problem was an extension: MOUSELESS BROWSING.

    I really like this extension, but he did not get a lot of support.

  • How to prevent the drop-down menu when you click in the URL field?

    Hello

    For some time there is Safari displays a short title in the URL field when you view a web page (for example, at the moment it says "Apple Inc").  Quite often I want to drage the actual URL in a note or on the desktop for later use.  Whenever I click in the URL field to do this, Safari down a bunch of icons corresponding to the bookmarks in the bookmarks bar, which is useless as my favorite bar is always visible.

    What I would do is to disable this action so that when I click on all I get is the URL so I can drag it somewhere.  Quite often when I drag the URL and domain of Favorites icons is visible, Safari think I want to lodge in this area and therefore mixes the existing icons around according to what path taking when you drag.  It's really very annoying behavior and there must be a way to disable.

    Thank you!

    -Tod

    Safari > Preferences > search

    Uncheck the "Show Favorites".

  • How to Add Drop Down Menu selection of city?

    How is the best way to add a Drop Down Menu selection town on my website next MyCITY logo?  This page should be selection on Los Angeles (arrow icon w next to him), but I need 4 other choices in the city.  It must fall down, like RESTAURANTS, with an arrow.  Not sure what the best way to address the issue.

    http://www.tammyfarringtoncreative.com/test/index.html

    Thanks, Tammy

    Looking for a list of shape selection?

    http://www.w3schools.com/tags/tag_select.asp

    Nancy O.

  • How to tie a drop down tab

    Hello

    How to add a drop down tab menu? In other words, I want to make the tab as the 4500 app tabs...

    Kind regards
    Fateh

    Hello

    Please check in below discussion on "drop-down Menu creation:
    Tabs with Menu drop-down

    also see garry request below:

    http://Apex.Oracle.com/pls/Apex/f?p=30582 username: password of ddm: ddm

    Concerning
    Jean Claude

  • Drop-down menu problem

    Sorry to be a pain people but can someone tell me how to get the drop-down menu to review the slide show instead behind him please. I'm using CS5. The link below.

    http://www.sunridgegraphics.co.UK/just

    Your slideshow is a stacking higher than your menu order. Try to add to your CSS:

    {#fadeshow1}

    position: relative;

    {z - index:-1}

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • CSS Drop down menu; How to align the edge right of the menu drop down and the parent menu?

    Hi all

    I have a drop down menu that works well.

    The only change that I need to do is to have the right edge of the drop-down menu below to align with the right edge of the parent menu. When you hover over the menu, it currently "injects" down and to the right, with the left edges aligned.

    I want the menu to 'drop' down and to the left, so the straight edges are aligned.

    I tried fiddling with floats and absolute/relative positioning. I don't know what needs to be changed.

    You can provide any assistance is greatly appreciated! I learn through 'cut and paste', please go easy on any terminology you can use.

    Thank you!

    Here is my code:

    .chromestyle{
         width: 100%;
         font-weight: bold;
         float: left;
         height: 29px;
    }

    .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .chromestyle ul{
    border: 0px solid #BBB;
    width: 100%;
    background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 4px 0;
    margin: 0;
    text-align: right; /*set value to "left", "center", or "right"*/
    }

    .chromestyle ul li{
    display: inline;
    }

    .chromestyle ul li a{
    color: #000000;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-left: 1px solid #DADADA;
    }

    .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
    background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
    }

    /* ######### Style for Drop Down Menu ######### */

    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }


    .dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }

    * html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
    }

    .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #0000ff;
    color: #fff200;
    }

    How about this?

    http://ALT-Web.com/demos/right-aligned-CSS2-Horiz-drop-menu.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

Maybe you are looking for

  • Satellite A40-241: I would like to display CPU

    I have a Satellite A40-241 with Celeron 2.70 Ghz 128 L2, BUS 400. I would like to change it with a processor 1 MB of cache L2 as Dothan or something. The motherboard supports such a processor. I bought a DDR PC2100 256 ram so I now 512. Thank you.

  • HP ENVY Phoenix 850-065se: Intel Extreme Tuning Utlitiy

    Anyone who has used the Intel UERX to overclock their machine?  I'm a biy intrigued by what I see... I just bought two of the 850-065se PC.  When I run the UERX on one of them, I get more options than others.  For example, the 'Memory' option does no

  • Set unknown internal error when trying to play Skip bo.

    Original title: unknown internal error I bought the game skip bo and I am playing, but when I open the game it goes to a screen where it asks if im connected to the internet and when I click on Yes to continue, they say that there is an unknown inter

  • Sending and receiving emails

    This morning, Outlook Express would not send or receive mail. Then, no reason he did.Now, once again, without reason, it won't.Error Message CC79 The message cannot be sent because one of the recipients was rejected by the server. The rejected e-mail

  • Requirement of Cisco Unity Express (license, package files, application)

    Hello world I am about to install CUE on my router c2911 and I am confused with the required license. Currently, I have these permits: 1 SL-29-UC-K9: unified communications license 2 FL-CUE-MBX-5: Unity Express license - 5 mailboxes - CUCM and CUCME