خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

how to convert this navigation menu into navigation dropdown menu?

When the cursor points in the 'Contact Us', I want to have sublinks like link 1, link 2, etc.

HTML code:
Code:
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>NAV BAR</title>
        <link rel="stylesheet" type="text/css" href="mydesign.css">
</head>
<body>

<ul>
  <li><a href="home.html">Home</a></li>
  <li><a href="aboutus.html">About Us</a></li>
  <li><a href="contactus.html">Contact Us</a></li>
  <li><a href="faq.html">FAQs</a></li>
  <li style="float:right"><a href="#">Register</a></li>
  <li style="float:right"><a href="#">Sign In</a></li>
 
</ul>
</body>
</html>

CSS CODE:
Code:
body {
        margin: 0;
        font-family: Arial;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: green;
        position: fixed;
        top: 0;
        width: 100%;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

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

برچسب: نویسنده: آیلین رضوانی تاريخ: دوشنبه 25 دی 1396 ساعت: 6:23

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه