diff options
| -rw-r--r-- | css/site.css | 19 | ||||
| -rw-r--r-- | index.html | 76 |
2 files changed, 56 insertions, 39 deletions
diff --git a/css/site.css b/css/site.css index 1658992..c124fff 100644 --- a/css/site.css +++ b/css/site.css @@ -1,5 +1,5 @@ body { - background-color: #eee; + background-color: #f1f1f1; margin: 0pt; padding: 0pt; } @@ -50,3 +50,20 @@ a:active { border: 0pt; margin: 0pt; } + +div.sidebar { + float: right; + background-color: #dde; + border-left: 2pt solid #99D; + border-bottom: 2pt solid #99D; + margin-left: 2em; + margin-bottom: 1em; + min-width: 15%; + padding: 5pt; +} + +div.body-content { + padding: 5pt; + margin-left: 10%; + margin-right: 10%; +} @@ -8,44 +8,44 @@ <header> <h1>Welcome to Joe's dev blog</h1> </header> - <div> - <table> - <ul> - <li> - <a href="">Home</a> - </li> - <li> - <a href="">C</a> - </li> - <li> - <a href="">C++</a> - </li> - <li> - <a href="">Lisp</a> - </li> - <li> - <a href="">Assembly</a> - </li> - <li> - <a href="">UNIX</a> - </li> - <li> - <a href="">GNU Emacs</a> - </li> - <li> - <a href="">My projects</a> - </li> - <li> - <a href="">My C/C++ style</a> - </li> - <li> - <a href="">Links</a> - </li> - </ul> - </table> + <div class="sidebar"> + <ul> + <li> + <a href="">Home</a> + </li> + <li> + <a href="">C</a> + </li> + <li> + <a href="">C++</a> + </li> + <li> + <a href="">Lisp</a> + </li> + <li> + <a href="">Assembly</a> + </li> + <li> + <a href="">UNIX</a> + </li> + <li> + <a href="">GNU Emacs</a> + </li> + <li> + <a href="">My projects</a> + </li> + <li> + <a href="">My C/C++ style</a> + </li> + <li> + <a href="">Links</a> + </li> + </ul> + </div> + <div class="body-content"> + <p> + This is some text + </p> </div> - <p> - This is some text - </p> </body> </html> |