Windows 10: drop down menu for web pages

Discus and support drop down menu for web pages in Windows 10 Customization to solve the problem; I have been looking at drop down menus as an alternative to just having links on pages but found an html one that looks easy and fits perfectly into... Discussion in 'Windows 10 Customization' started by elbmek, Jan 19, 2018.

  1. ELBMEK
    elbmek Win User

    drop down menu for web pages


    I have been looking at drop down menus as an alternative to just having links on pages but found an html one that looks easy and fits perfectly into html script but no idea how to make a drop down title with a link

    eg: Menu

    Link 1 retitled Space

    But nowhere to put the url?? I tried putting it next to 'space' but the whole url appeared online without the working link.

    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    .dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    }


    .dropdown {
    position: relative;
    display: inline-block;
    }


    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }


    .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }


    .dropdown-content a:hover {background-color: #f1f1f1}


    .dropdown:hover .dropdown-content {
    display: block;
    }


    .dropdown:hover .dropbtn {
    background-color: #3e8e41;
    }
    </style>
    </head>
    <body>


    <h2>Hoverable Dropdown</h2>
    <p>Move the mouse over the button to open the dropdown menu.</p> I will remove this from final script


    <div class="dropdown">
    <button class="dropbtn">Dropdown</button>will change to menu, and colour
    <div class="dropdown-content">
    <a href="#">Link 1</a> - how do I add page link???
    <a href="#">Link 2</a>
    <a href="#">Link 3</a> eventually I would want about 20 - 30 links, maybe more
    </div>
    </div>


    </body>
    </html>

    :)
     
    elbmek, Jan 19, 2018
    #1
  2. ADAMF---01
    adamf---01 Win User

    how to delete history

    Hi Adit,

    • Menu
    • Web
    • Navigate to a web page (may as well be Google.co.uk, or any bookmark you have saved)
    • Top of page (drop down list)
    • Options
    • Clear private data
    • Select what you want to clear
    • Clear
    I hope this helps.
     
    adamf---01, Jan 19, 2018
    #2
  3. GARYM123
    garym123 Win User
    NOKIA here maps not working.

    The post you reference is over two years old. The web page may have changed.
     
    garym123, Jan 19, 2018
    #3
Thema:

drop down menu for web pages

Loading...

  1. drop down menu for web pages - Similar Threads - drop down menu

  2. Drop down menu flickering

    in Windows 10 Drivers and Hardware
    Drop down menu flickering: I tried many ways nothing worked excpet this..Disconnect the keyboard and or touch pad from themotherboard. Replace new or start using usb keyboard/mouse. https://answers.microsoft.com/en-us/windows/forum/all/drop-down-menu-flickering/95e5827b-cbb9-41d7-8bc6-c15463edaa84

  3. Drop down menu flickering

    in Windows 10 Gaming
    Drop down menu flickering: I tried many ways nothing worked excpet this..Disconnect the keyboard and or touch pad from themotherboard. Replace new or start using usb keyboard/mouse. https://answers.microsoft.com/en-us/windows/forum/all/drop-down-menu-flickering/95e5827b-cbb9-41d7-8bc6-c15463edaa84

  4. Drop down menu flickering

    in Windows 10 Software and Apps
    Drop down menu flickering: I tried many ways nothing worked excpet this..Disconnect the keyboard and or touch pad from themotherboard. Replace new or start using usb keyboard/mouse. https://answers.microsoft.com/en-us/windows/forum/all/drop-down-menu-flickering/95e5827b-cbb9-41d7-8bc6-c15463edaa84

  5. Drop-Down Menu Not Appearing

    in Windows 10 Gaming
    Drop-Down Menu Not Appearing: Hi, Microsoft Community! I've just stumbled upon an issue with my Windows laptop where nothing happens when I right-click my mouse. Usually, this prompts the drop-down menu. I'm also no longer able to copy anything using the highlight method since the highlighting doesn't...

  6. Drop-Down Menu Not Appearing

    in Windows 10 Software and Apps
    Drop-Down Menu Not Appearing: Hi, Microsoft Community! I've just stumbled upon an issue with my Windows laptop where nothing happens when I right-click my mouse. Usually, this prompts the drop-down menu. I'm also no longer able to copy anything using the highlight method since the highlighting doesn't...

  7. Drop-Down Menu Not Appearing

    in Windows 10 BSOD Crashes and Debugging
    Drop-Down Menu Not Appearing: Hi, Microsoft Community! I've just stumbled upon an issue with my Windows laptop where nothing happens when I right-click my mouse. Usually, this prompts the drop-down menu. I'm also no longer able to copy anything using the highlight method since the highlighting doesn't...

  8. Drop down menu / Autoscroll

    in Windows 10 Drivers and Hardware
    Drop down menu / Autoscroll: Recently I noticed that when I right click, instead of a drop down menu, the auto scroll function activates. At first I thought this was a word issue but then I noticed that it occurred anywhere where I could use the scrolling function. For example when in a word document, or...

  9. A page dropping down

    in AntiVirus, Firewalls and System Security
    A page dropping down: When I pull up a page in internet explorer a flash happens like a page just minimized. Is that something with Windows or my computer? How do I know what it is? https://answers.microsoft.com/en-us/windows/forum/all/a-page-dropping-down/b8fe6579-b780-4996-b749-901661510941"

  10. Pull-down or Drop-down Menu?

    in Browsers and Email
    Pull-down or Drop-down Menu?: I decided to uninstall Firefox after the entries in the Favorites doubled. (Example: the Yahoo Mail sign-in page appears twice in the list. Deleting one also deletes the other.) I have been looking for browsers with pull-down or drop-down menus but could only find...