Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML:
- <!DOCTYPE html>
- <html>
- <head>
- <title>The Title</title>
- <div id="header">
- <h1>The Website Title</h1>
- </div>
- </head>
- <body>
- <div id="linkbar">
- <a href="#">Link One</a> | <a href="#">Link Two</a>
- </div>
- <div id="backgroundleft">
- </div>
- <div id="content">
- <p></p>
- </div>
- <div id="backgroundright">
- </div>
- <div id="copyright">
- </div>
- </body>
- </html>
- CSS:
- p {
- display: inline;
- }
- #header {
- background-color: lightblue;
- text-align: center;
- border: 2px solid black;
- }
- #header h1 {
- font-family: Garamond;
- color: black;
- }
- #linkbar {
- text-align: center;
- border: 2px solid black;
- margin-top: -2px;
- }
- a:link {
- text-decoration: none;
- color: grey;
- }
- a:visited {
- text-decoration: none;
- color: grey;
- }
- a:hover {
- text-decoration: underline;
- color: black;
- }
- #backgroundleft {
- background-color: grey;
- height: 500px;
- width: 20px;
- border: 2px solid black;
- margin-top: -2px;
- float: left;
- position: relative;
- display: inline;
- }
- #content {
- float: center;
- position: relative;
- display: inline;
- width: 500px;
- height: 500px;
- border: 2px solid black;
- }
- #backgroundright {
- background-color: grey;
- height: 500px;
- width: 20px;
- border: 2px solid black;
- margin-top: -2px;
- float: right;
- position: relative;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement