Scribd Logo
Upload

Welcome to Scribd!

  • Drop Down Menu

    Uploaded by

    Atif Saeed
    42 views3 pages
    Drop Down Menu

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Drop Down Menu

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    42 views3 pages

    Drop Down Menu

    Uploaded by

    Atif Saeed
    Drop Down Menu

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Menu.master.

    cs"
    Inherits="Menu" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>
    <asp:ContentPlaceHolder id="title" runat="server">

    </asp:ContentPlaceHolder>
    </title>
    <style type="text/css">
    ul
    {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:#333;
    }

    li
    {
    float:left;
    }

    li a, .dropbtn
    {
    display:inline-block;
    color:White;
    text-align:center;
    padding:14px 16px;
    text-decoration:none;
    }

    li a:hover, .dropbtn
    {
    background-color:#333;
    display:block;
    }

    li.dropdown
    {

    display:inline-block;
    }
    .dropdown-content
    {
    display:none;
    position: absolute;
    background-color: Black;
    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;
    text-align:center;
    }

    .dropdown-content a:hover
    {
    background-color:Red;
    }
    .dropdown:hover .dropdown-content
    {
    display:block;
    }
    ul.topnav li a.active
    {
    background-color:#4CAF50;
    }

    a.active
    {
    background-color:#4CAF50
    }

    li.right
    {
    float:right;
    background-color:Red;
    }

    #copyright
    {
    background-color:Black;
    color:White;
    width:100%;
    height:5%;
    padding:1px;
    margin-top:380px;
    }

    </style>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="#">Universities</a></li>
    <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Lectures</a>
    <div class="dropdown-content">
    <a href="#link1">Link 1</a><br />
    <a href="#link2">Link 2</a><br />
    <a href="#link3">Link 3</a><br />
    <a href="#link4">Link 4</a><br />
    </div>
    </li>

    <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Courses</a>
    <div class="dropdown-content">
    <a href="#link1">Link 1</a><br />
    <a href="#link2">Link 2</a><br />
    <a href="#link3">Link 3</a><br />
    <a href="#link4">Link 4</a><br />
    </div>
    </li>

    <li class="right"> <a href="#about">About Us</a></li>

    </ul>
    <asp:ContentPlaceHolder id="body" runat="server">

    </asp:ContentPlaceHolder>

    <div id="copyright">
    <h4>All Rights is reserved by Tech Origin @2018</h4>
    </div>
    </div>
    </form>
    </body>
    </html>

    You might also like