How to add my drop down menu to my website

I have been following a dreamweaver video to create a drop down menu with pure css which has turned out 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 it in my website. Most prob an easy one for all you experts out there!
I hope someone will help me please.
Thanks Karen
Oh im useing cs5.5

Thank you very much for taking you time to answer me. I have managed to do this but I get a bit confused with the files so I hope you can just help on this one!
I went to duplicate the dropdown.css file and put it in my css folder but the file was already there, also a link was in the css file altough it did not have "media=screen". I duplicated the dropdown.css and put it in my dropdown.html, not sure if that is right. This is how I have set out my files.                                                           Folder - dropdown
                                                                                                           -navMenu.html
                                                                                                           -dropdown.css
                                                                                   Folder - css
                                                                                                          - dropdown.css
                                                                                                          -styles.css
My index page link between the "head" is <link href="css/styles.css" rel="stylesheet" type="text/css" /> ----so am I right in saying that the styles.css is determing the index page at mo and any future pages if I want.
And the link from the navMenu.html is <link href="../css/dropdown.css" rel="stylesheet" type="text/css" />------and this is getting the information from the dropdown css.
If I am correct do I need both copies of the dropdown.css? I hope this is nice and clear for you!
Once again thank you very much for your help.... it is very much appreciated! I spend most of my time learning from youtube and don't really like to bother people but after an hour of scratching my head I gave up!

Similar Messages

How to add a drop-down menu to a rollover image?

Hi,
I guess my title says it all... I was wondering how to add a drop-down menu to a rollover image? I know that there's the sprymenu, but I need to have my own rollover images.
Thanks,
Kazem

Frankly, ANY link can offer a drop down.
Take a look at this turorial.
That will get you your dropdown menu. So you have that.
Now, on your top menu (or any level where you want to have an image instead of text do this:
(I am copying the HTML structure in the tutorial here):
<nav>
          <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Tutorials</a>
                              <ul>
                                        <li><a href="#">Photoshop</a></li>
                                        <li><a href="#">Illustrator</a></li>
                                        <li><a href="#">Web Design</a></li>
                              </ul>
                    </li>
                    <li><a href="#">Articles</a>
                              <ul>
                                        <li><a href="#">Web Design</a></li>
                                        <li><a href="#">User Experience</a></li>
                              </ul>
                    </li>
                    <li><a href="#">Inspiration</a></li>
          </ul>
</nav>
Now, let's pretend you want an image instead of the word "Articles." You'll want the image to be sized appropriately, and if you look at the CSS, you'll see it's 112 pixels wide by 52 high. If your image is approximately those dimensions, you're all set.
So instead of "articles" you insert your image.
Done.

How to make chooser drop down menu, Example i want choices 1 or 2 or 3 from the drop down menu or Location , Egypt , USA , Canda

how to make chooser drop down menu, Example i want choices 1 or 2 or 3 from the drop down menu or Location , Egypt , USA , Canda

Hello,
Where do you want to insert it in Muse. Do you want to add this in Muse Form widget then you can use the widget mentioned in the link below.
Forms+ Bundle Widget – Widgets.Mu
If you want to insert it anywhere else in Muse and if you have the HTML codes for that then you can insert its codes in page from Object > Insert HTML.
You may also require to use some java scripts to make them working as expected.
How to Make JavaScript Dropdown List - YouTube
Regards
Vivek

Add a Drop down menu / Combo Box into a specified cell of a multi column lsit box

Hello,
i have a question how to manipulate a cell of a multi column list box in that way that i can add a drop down menu or a combo box in this cell?
Is this possible in LabView?
Thank you!

Wow, I took a look at the alternate code posted here at that really takes you through gyration (also a similiar comment I see on Lava) to perform what I've done with a few functions....
See the Pics and attached VI for how its done. KISS, I added an event stucture and changed my first enum case to " " (i.e. a blank) to make it look like the other posted code....
Attachments:
DropDownMenuInABox.vi ‏18 KB
DropDownMenuInABox_FP.PNG ‏18 KB
DropDownMenuInABox_BD.PNG ‏36 KB

How to make animated drop down menu responsive?

Hi
I've made an animated drop down menu in Edge Animate. It works fine at 945px wide with drop downs coming from 4 of the links. When the window is resized to 700px I want to reduce the 8 top links down to 4 and have longer drop downs and the same again at 400px wide. How do I do this as Edge has no media queries. do I use symbols?
Thanks.

Hi garyt88,
Found something that could help although I have to admit that I have not tried it myself.
Adobe Edge HTML5 Interactive Drop-Down Menu Tutorial - YouTube
Thanks,
Preran

How do you get drop down menu in Yosemite to not drop down?

When I try to enter a URL or address into the window at the top of the Safari screen in Yosemite, a drop down menu appears with a bunch of icons on it which blocks the screen. I need to see the screen when I'm entering a URL line. How do I get the drop-down with the icons on it to go away?

How to fill the drop down menu in screen programming

Hi, Experts,
I have a drop down menu on the screen I want to fill that drop down menu with different values how can I do that I think that there are to ways
Value List      from     dist/flow logic
                      A from program
Please help me out in this way.
Kind regards,
Faisal.

Hi Faisal,
VRM_SET_VALUES function module is used to display drop down values in the screen.
Use the following code
* Selection screen elements                                            *
SELECTION-SCREEN BEGIN OF BLOCK BLC1 WITH FRAME
                                    TITLE TEXT-000.
PARAMETERS:
P_BUKRS TYPE BKPF-BUKRS OBLIGATORY " Company code
           DEFAULT '1000',
P_WERKS TYPE VBRP-WERKS OBLIGATORY. " Plant
SELECTION-SCREEN SKIP.
PARAMETERS:
P_GJAHR TYPE BKPF-GJAHR OBLIGATORY, " Fiscal Year
P_QUAT TYPE CHAR20                  " Quarter
            AS LISTBOX VISIBLE LENGTH 30
            LOWER CASE OBLIGATORY.
SELECTION-SCREEN END OF BLOCK BLC1.
Data:
* To hold quarter details, these details are used to display in list box of
* the parameter called Quarter in the selection screen.
T_QUARTERS TYPE VRM_VALUES.
*              AT SELECTION-SCREEN ON VALUE-REQUEST                    *
AT SELECTION-SCREEN ON VALUE-REQUEST FOR P_QUAT.
* To fill quarters......................................................
PERFORM FILL_QUARTERS.
* To display quarters in dropdown box...................................
PERFORM DISPLAY_QUARTERS.
* FORM DISPLAY_QUARTERS                                                *
* This subroutine is used to display quarters in the dropdown box.     *
* There are no interface parameters to be passed to this subroutine.   *
FORM DISPLAY_QUARTERS .
CALL FUNCTION 'VRM_SET_VALUES'
    EXPORTING
      ID              = 'P_QUAT'
      VALUES          = T_QUARTERS[]
    EXCEPTIONS
      ID_ILLEGAL_NAME = 1
      OTHERS          = 2.
IF SY-SUBRC NE 0.
    MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
            WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.                               " F SY-SUBRC NE 0.
ENDFORM.                               " DISPLAY_QUARTERS
* FORM FILL_QUARTERS                                                   *
* This subroutine is used to fill quarters.                            *
* There are no interface parameters to be passed to this subroutine.   *
FORM FILL_QUARTERS .
* Local field string declaration........................................
DATA:
* Field string to fill quarters in the year.
    LFS_QUARTERS TYPE LINE OF VRM_VALUES.
REFRESH T_QUARTERS.
LFS_QUARTERS-KEY = '1'.
LFS_QUARTERS-TEXT = TEXT-QU1.
APPEND LFS_QUARTERS TO T_QUARTERS.
LFS_QUARTERS-KEY = '2'.
LFS_QUARTERS-TEXT = TEXT-QU2.
APPEND LFS_QUARTERS TO T_QUARTERS.
LFS_QUARTERS-KEY = '3'.
LFS_QUARTERS-TEXT = TEXT-QU3.
APPEND LFS_QUARTERS TO T_QUARTERS.
LFS_QUARTERS-KEY = '4'.
LFS_QUARTERS-TEXT = TEXT-QU4.
APPEND LFS_QUARTERS TO T_QUARTERS.
ENDFORM.                               " FILL_QUARTERS
Regards,
Mahi.

How to get my drop down menu to work

Hi,
I'm stuck in how to get my sub menu to drop down. Every time I hover, it looks all jumbled. My site is candidlovephotography.com. Thank you very much!

Have you created a drop-down menu on your page? I don't see it at all. Your menu code is this:
<nav id="mainnav">
   <ul>
   <li><a href="index.html">Home</a></li>
   <li><a href="meetkristin.html">Meet Kristin</a></li>
   <li><a href="http://candidlovephotography.com/blog/">The Blog</a></li>
   <li><a href="http://wp.me/P4Gj7y-ak">Contact Me</a></li>
   <li><a href="Clients.html">Client Galleries</a></li>
   </ul>
   </nav>
This is just a plain/straight one line menu. It is not a drop-down menu.
I suggest read this article to get the background info about Menu system:
<Creating a pure CSS dropdown menu – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Ro…>
I hope the above link works!!!!!

How to make dynamical drop down menu?

I am trying to make a drop down menu which is dynamical in dreamweaver? is there a way to do that? i am not good at programming.

Here are links to a couple of tutorials for this:
http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html
http://www.finalwebsites.com/tutorials/dynamic-navigation-list.php

KM navigation iview - how to disable folder drop down menu?

Hi all!
Portal version: EP7 SP9; I am trying out KM navigation iview opportunities.
My goal is to create an iview where user can only download folder items (files); and in the same time I would like to disable all the drop-down menus there.
For example, folder itself has a drop-down menu; also there is one for each of the files. So, is it possible disable/remove these associated drop-down menus for each accordant item within KM navigation iview?
All ideas/comments will be appreciated!
Thanks,
--- Kaspars

Hi,
Probably yo mean the hover menu next to the displayname of a resource.
KM navigation iview has a layoutSet associated (see PCD property layoutset). Find the layoutset in System Admin -> System config -> KM -> Content management -> User Interface -> Settings -> LayoutSet (click <i>show advanced options</i> if you did not so). Here you have some collectionRenderers and resourceRenderers set.
The hovermenu represents the commands for the resources itself, so you click the resourceRenderer. Here yo can see a property called <i>Command display</i>. Set it to <b>off</b>. Now the menu should be not visible for the resources in KM navigation.
To setup which commands should be visible you have to set <b>Command Groups</b>. For more info see:<a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/9d/233f989a5ba64fa44ed6e0823286ee/frameset.htm">SAPHELP: Commands and Command Groups</a>
Hope this helps,
Romano

Using Visio for Web UI mockups - how do I add a drop-down menu?

I found the control shapes and I see there is a listbox and a "drop down" but I want to save this visio file as html and have a few links that navigate to the different "pages"if possible.
Is it possible to actually create a dropdown menu and have it rendered in the html?

If you are asking if it is possible to turn a mockup "drop down" or "list" shape into a real HTML "select" control when doing a web export - then no, it's not possible.
If you just need a way to navigate on the exported web page, then note that Visio web export supports multiple pages; you can navigate between those by selecting them in Visio-provided navigation menu. Also, you can use normal hyperlinks to navigate to other
locations/pages.
-- Nikolay Belyh, http://unmanagedvisio.com

How to add a drop down list to a TextBox

Hi all,
can anyone please tell me how can i add a dropdown list to TextBox which is similar to the search engine suggestions box
it is required to display some list of items
here is [Search engine screenshot|http://lh6.ggpht.com/_XZ5lTObJ3ZY/TBovcy_4fWI/AAAAAAAADdU/eUJXCG0P8MA/s720/screenshot.jpg] for reference
Thanks in advance
Dharma

Philippe sir wrote:
It can be a ListView you add dynamically to the scene, or a PopupMenui think you are right sir
can you provide some code for displaying PopupMenu
and one more clarification needed in case of ListView that when i added 3 items to ListBox it is showing some extra grids(but they are not selectable)
if possible provide some link to tutorial which explain ListView in detail

How to create a drop down menu

Is it possible to create a dropdown menu when a button is clicked or rollover? However, what i need is a dropdown menu and not a popup menu... hope to get some response... thank you

sounds like he needs an uneditable ComboBox, cant say much unless he gives us more details.
asrar

I need help. how to make vertical drop down menu

I need help. I want on my site to make navigation as such on this site http://www.website24.eu/einstieg/. if you can help me and explain how?

like this http://www.jqueryrain.com/?3khGEoMY

How to overwrite certain drop down menu items

Hi,
i have a dropdown menu where i disabled custom text entry. the last item in the dropdown is the "Other" option where I want the user to write extra details. I was wondering if there's a way to pop up a text field when the "Other" option is selected.
Also, the dropdown field stretches all the way across the page..so when the "Other" option is chosen, would it be possible to automatically shrink the field to fit a text field next to it for the user to type in details.
I'm not sure if there's a better way to do this....any help would be much appreciated!
thanks!!

Hi,
Hopefully you will get it working soon.
I suspect that the form is not saved as Dynamic:
Other than that, double check the that the object references in the script matches the objects in the forms, including subforms if objects are in different subforms.
If you could share the problem it would help finding the problem.
Niall

How to add my drop down menu to my website

Similar Messages

Maybe you are looking for