dropdown

 avatar
unknown
html
16 days ago
989 B
7
Indexable
/*dropdown*/
<li id="li2"><a href="#"><i class="fa-solid fa-briefcase"></i> Find Work </a>
                    <div class="dropdownFW">
                        <ul>
                            <li><a href="#">paheli cheej</a></li>
                            <li><a href="#">dusary cheej</a></li>
                            <li id="Li3"><a href="#">teesari cheej</a></li>
                        </ul>
                    </div>
                </li>

/*css*/
/* dropdowns  */
.dropdownFW{
    display: none;
    height: 20vh;
    width: 10vw;
    border: 1px solid grey;
    background-color: white;
    color:black;
}
ul li:hover .dropdownFW{
    display: block;
    position:absolute;
    margin-left: .35vw; 
    z-index: 50;
    /* margin-top: .5vh; */
    /* border: 1ps solid grey; */
}
.dropdownFW ul li{
    display: block;
    padding: 2vh 2vh 2vh 2vh;
    padding-left: 1.75vw;
    border-bottom: 1px solid grey;
}
#Li3{
    border: none;
}
Editor is loading...
Leave a Comment