Menu styling
This commit is contained in:
parent
d6e46ae2ec
commit
4a08b961dc
@ -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>';
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user