Menu styling

This commit is contained in:
Fred Boniface 2022-09-22 21:04:25 +01:00
parent d6e46ae2ec
commit 4a08b961dc
2 changed files with 8 additions and 4 deletions

View File

@ -1,8 +1,9 @@
<?php <?php
echo '<div class="dropdown">'; echo '<div class="dropdown">';
echo ' <button onclick="myFunction()" class="dropbtn">Dropdown</button>'; echo ' <button onclick="myFunction()" class="dropbtn">Menu</button>';
echo ' <div id="myDropdown" class="dropdown-content">'; echo ' <div id="myDropdown" class="dropdown-content">';
echo ' <a href="#">Link 0</a>';
echo ' <a href="#">Link 1</a>'; echo ' <a href="#">Link 1</a>';
echo ' <a href="#">Link 2</a>'; echo ' <a href="#">Link 2</a>';
echo ' </div>'; echo ' </div>';

View File

@ -119,10 +119,13 @@ body {
/* Dropdown Button */ /* Dropdown Button */
.dropbtn { .dropbtn {
background-color: #3498DB; position: absolute;
top: 0;
right: 0;
background-color: #7fa7e6;
color: white; color: white;
padding: 16px; padding: 12px;
font-size: 16px; font-size: 12px;
border: none; border: none;
cursor: pointer; cursor: pointer;
} }