link

Back To Home

Friday 8 November 2019

Add menu dropdown button on website -html


Code:

<!doctype html>

<style>

.dropbtn {
    background-color: grey;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}

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

.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: grey;}

</style>

<div class="dropdown">
<button class="dropbtn">Mobile application design</button>
<div class="dropdown-content">

<a href="https://androidapplicationdesignsimple.blogspot.com/2019/11/insert-data-to-local-server-by-mobile.html">1.Insert data to local server by mobile phone</a>

<a href="https://androidapplicationdesignsimple.blogspot.com/2019/11/wampserver-error-you-dont-have.html">2.wampserver error : You don't have permission to access /phpmyadmin/ on this server</a>

</div>
</div>

<a href="https://electronicengineeringshareknowledge.blogspot.com/" class="dropbtn"><font color="white"> Home

</font></a>

</!doctype>

No comments:

Post a Comment