Francischlin (Talk | contribs) |
Francischlin (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <!doctype html> | |
<html> | <html> | ||
Line 5: | Line 5: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<title>Untitled Document</title> | <title>Untitled Document</title> | ||
+ | <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
+ | <link href="Home.css" rel="stylesheet" type="text/css"> | ||
+ | <script src="Home.js" type="text/javascript"></script> | ||
<style> | <style> | ||
− | ul.navigation { | + | ul.navigation { |
− | + | list-style-type: none; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | overflow: hidden; | |
− | } | + | } |
− | li.navigation { | + | li.navigation { |
− | + | float: left; | |
− | } | + | } |
− | li.dropdown { | + | li.dropdown { |
− | + | display: inline-block; | |
− | } | + | } |
− | .navigation li { | + | .navigation li { |
− | + | float: left; | |
− | } | + | } |
− | .navigation li a, .dropbtn { | + | .navigation li a, .dropbtn { |
− | + | display: inline-block; | |
− | + | text-align: center; | |
− | + | padding: 14px 16px; | |
− | + | text-decoration: none; | |
− | } | + | } |
− | .navigation li a:hover, .dropdown:hover .dropbtn { | + | .navigation li a:hover, .dropdown:hover .dropbtn { |
− | + | background-color: red; | |
− | } | + | } |
− | .dropdown-content { | + | .dropdown-content { |
− | + | display: none; | |
− | + | position: absolute; | |
− | + | background-color: #f9f9f9; | |
− | + | min-width: 160px; | |
− | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
− | + | z-index: 1; | |
− | } | + | } |
− | .dropdown-content a { | + | .dropdown-content a { |
− | + | color: black; | |
− | + | padding: 12px 16px; | |
− | + | text-decoration: none; | |
− | + | display: block; | |
− | + | text-align: left; | |
− | } | + | } |
− | .dropdown-content a:hover {background-color: #f1f1f1} | + | .dropdown-content a:hover {background-color: #f1f1f1} |
− | .dropdown:hover .dropdown-content { | + | .dropdown:hover .dropdown-content { |
− | + | display: block; | |
− | } | + | } |
− | + | ||
+ | </style> | ||
</head> | </head> | ||
Revision as of 04:00, 21 August 2017
<!doctype html>