Dropdown menu na całą długosc strony (*jest to zdzjecie)

pytanie zadane 25 grudnia 2019 w HTML i CSS przez chrystian Gaduła (4,780 p.)

wysuwający panel jest (zdjeciem)

coś takiego chciałbym zrobić

komentarz 25 grudnia 2019 przez chrystian Gaduła (4,780 p.)

.navbar
{
position:absolute;
overflow: hidden;

margin-top:-40px;
margin-left:50%;
}
.navbar a
{
font-size: 16px;
color: white;
text-align: center;
text-decoration: none;
}
.dropdown
{
cursor:pointer;
overflow: hidden;
width:150px;
float:left;
}
.dropdown .dropbtn
{
font-size: 16px;
border: none;
outline: none;
color: white;
background-color: inherit;
font-family: Corporate A Regular;
}
.navbar a:hover, .dropdown:hover .dropbtn {
color: #0066FF;
float:left;
}
.dropdown-content
{
display: none;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a
{
float: none;
color: black;
text-decoration: none;
display: block;

text-align: left;
}
.dropdown-content a:hover
{

background-color: #white;
}
.dropdown:hover .dropdown-content
{

display: block;
}

komentarz 25 grudnia 2019 przez chrystian Gaduła (4,780 p.)

<div class="dropdown">
    <button class="dropbtn">Zakup samochodu
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <img alt="Cinque Terre" src="Nowe_modele.png" style="width:800px;height:400px" />

    </div>
  </div>