diff options
| author | nicdob <niclas.dobbertin@gmx.de> | 2020-10-05 18:49:29 +0200 |
|---|---|---|
| committer | nicdob <niclas.dobbertin@gmx.de> | 2020-10-05 18:49:29 +0200 |
| commit | 8b4c35e702abbe30f7324f34cc1f1627e9f5a0d3 (patch) | |
| tree | 587bfcb319f1a6b79e9f090e09d45de0f72ca040 | |
| parent | 21e077b37142f1d1031146a26ccca025aff73535 (diff) | |
start sidebar
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | style.css | 26 |
2 files changed, 26 insertions, 6 deletions
@@ -5,6 +5,11 @@ <title>Niclas Dobbertins Homepage</title> <link rel="stylesheet" href="style.css"> </head> + <div id="content"> + <div id="sidebar"> + <li><a href="sub/">first item</a></li> + <li><a href="sub/">second item</a></li> + </div> <body> <h1>A new website is born!</h1> <p>... nothing to see here PepeHands ...</p> @@ -14,4 +19,5 @@ </div> </body> + </div> </html> @@ -1,17 +1,31 @@ body { font-family: Arial, sans-serif; font-size: medium; - color: thistle; - background-color: #373b41; + color: #ebdbb2; + background-color: #3c3836; } h1 { - color: HotPink; - text-align: center; + color: #8ec07c; + text-align: left; } #box-one { - background-color: thistle; - color: black; + background-color: #504945; + color: #8ec07c; opacity: 0.5; } + +#content { + clear: both; + margin: 0; + padding: 0; + /*background-color: #fff; + overflow: hidden;*/ +} +#sidebar { + float: left; + margin: 0px 1px 0 0px; /* margins: top, right, bottom, left */ + padding: 1em 0; + width: 200px; +} |