Klasör upload etmiştim oraya, kodlar ve görsel aşağıdadır.

index.html






mustafa







  • Sıradan

  • Sıradan 2

  • Sıradan 3

  • İşte Burası DropDown




    • Ürünler vs

    • Ürünler vs

    • Ürünler vs






    • Başka şeyler vs..

    • Başka şeyler vs..

    • Başka şeyler vs..









  • aaa









index.css
* {
color: black;
margin: 10px;
padding: 10px;
text-decoration: none;
}

.navbar {
position: relative;
top: 10px;
margin-right: auto;
width: 70%;
text-align: center;
background-color: #FFF;
margin-left: auto;
}

.navUl {
background-image: url(leafy-halfborder.jpg);
background-color: white;
width: 100%;
overflow:auto;
}

.NavUlLi {
list-style-type: none;
display: inline;

opacity: 0.5;
float: left;

}

.NavUlLi:not(:first-child) {
margin-left: 25px;
font-size: 16px;
}


.NavUlLiRight {
display: inline;
list-style-type: none;
background-color: pink;
opacity: 0.7;
float: right;
}



.b {
width: 100%;
height: auto;

display: none;
position: absolute;
left:0px;
right: 0px;
}
.a:hover .b {
display: block;

}

.c {
float: left;
display: inline;
width: 50%;

height: auto;
background-color: green;
}

.c ul {
width: 100%;

}
.c ul li {
width: 100%;
list-style-type: none;
}