barthiv73098
5 years ago
2 changed files with 57 additions and 11 deletions
+ 12
- 4
index.html
View File
| <link rel="stylesheet" href="index_styles.css"> | <link rel="stylesheet" href="index_styles.css"> | ||||
| <title>Document</title> | <title>Document</title> | ||||
| </head> | </head> | ||||
| <body> | <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> | </ul> | ||||
| </nav> | </nav> | ||||
| <div class="balance-list"> | <div class="balance-list"> | ||||
| </div> | </div> | ||||
| </body> | </body> | ||||
| </html> | </html> |
+ 45
- 7
index_styles.css
View File
| .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; | 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; | list-style-type: none; | ||||
| } | } | ||||
| #nav { | |||||
| background-color: #C4C4C4; | |||||
| height: 1.6cm; | |||||
| padding: 0.8rem; | |||||
| /* padding: 0.6rem; */ | |||||
| } | |||||
| .grid-wrapper { | .grid-wrapper { | ||||
| display: grid; | display: grid; | ||||
| padding: 4rem 4rem 0 4rem; | padding: 4rem 4rem 0 4rem; |
Loading…