barthiv73098
5 years ago
2 changed files with 57 additions and 11 deletions
+ 12
- 4
index.html
View File
| @@ -8,13 +8,20 @@ | |||
| <link rel="stylesheet" href="index_styles.css"> | |||
| <title>Document</title> | |||
| </head> | |||
| <body> | |||
| <nav> | |||
| <ul id="menu"> | |||
| <li class="menu_element"><a href="/index.html">Home</a></li> | |||
| <li class="menu_element"><a href="/index.html">Balance</a></li> | |||
| <nav id="nav"> | |||
| <ul id="menu_left"> | |||
| <li class="menu_left_element"><a class="menu_element_text" href="/index.html">Home</a></li> | |||
| </ul> | |||
| <ul id="menu_right"> | |||
| <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li> | |||
| <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li> | |||
| <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"></a></li> | |||
| </ul> | |||
| </nav> | |||
| <div class="balance-list"> | |||
| @@ -27,4 +34,5 @@ | |||
| </div> | |||
| </body> | |||
| </html> | |||
+ 45
- 7
index_styles.css
View File
| @@ -1,18 +1,56 @@ | |||
| .menu_element { | |||
| background-color: orangered; | |||
| display: inline; | |||
| font-size: 400%; | |||
| margin: 0.8rem; | |||
| * { | |||
| padding: 0; | |||
| margin: 0rem; | |||
| } | |||
| .menu_left_element { | |||
| width: 110px; | |||
| display: inline-block; | |||
| margin-left: 15px | |||
| } | |||
| .menu_right_element { | |||
| display: inline-block; | |||
| width: 50px; | |||
| height: 45px; | |||
| margin-right: 25px; | |||
| } | |||
| .menu_element_text { | |||
| border-radius: 10px; | |||
| background-color: #8583FF; | |||
| display: block; | |||
| width: 100%; | |||
| height: 100%; | |||
| text-decoration: none; | |||
| padding: 0.4rem; | |||
| font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; | |||
| font-size: 2.6rem; | |||
| text-decoration-color: black; | |||
| } | |||
| #menu { | |||
| #menu_left { | |||
| position: absolute; | |||
| left: 0; | |||
| list-style-type: none; | |||
| } | |||
| #menu_right { | |||
| position: absolute; | |||
| right: 0; | |||
| list-style-type: none; | |||
| } | |||
| #nav { | |||
| background-color: #C4C4C4; | |||
| height: 1.6cm; | |||
| padding: 0.8rem; | |||
| /* padding: 0.6rem; */ | |||
| } | |||
| .grid-wrapper { | |||
| display: grid; | |||
| padding: 4rem 4rem 0 4rem; | |||
Loading…