Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML:
- <!DOCTYPE html>
- <html>
- <head>
- <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <link rel="stylesheet" type="text/css" href="css/basic.css">
- <link rel="stylesheet" type="text/css" href="css/layout.css">
- <title>ICG Extreme Team</title>
- </head>
- <body>
- <div id="wrapper">
- <header>
- <div id="icg">ICG EXTREME TEAM</div>
- </header>
- <nav id="left_menu">
- <ul>
- <li><a href="#">ROPEJUMPING</li>
- <li><a href="#">О НАС</li>
- <li><a href="#">НОВОСТИ</li>
- <li><a href="#">ФОТО</li>
- <li><a href="#">ВИДЕО</li>
- <li><a href="#">НАШИ ДРУЗЬЯ</li>
- </ul>
- </nav>
- <section id="middle">
- <aside id="side_right">
- Right
- </aside>
- <div id="content">
- Content
- </div>
- </section>
- </div>
- </body>
- </html>
- CSS:
- /*Common ---------------------------------------------------------------------*/
- #wrapper{
- min-width: 960px;
- max-width: 1280px;
- margin: 0 auto;
- }
- /*Header ---------------------------------------------------------------------*/
- header{
- position: relative;
- height: 200px;
- background-color: #2b7f41;
- }
- #icg{
- position: relative;
- text-align: left;
- font-size: 28px;
- font-family: sans-serif;
- color: #fff;
- font-weight: bold;
- top: 40px;
- left: 120px;
- width: 627px;
- height: 43px;
- }
- /*Left menu ---------------------------------------------------------------------*/
- #left_menu{
- height: 267px;
- width: 200px;
- background-color: #fff;
- border-top: solid 1px #fff;
- }
- #left_menu ul{
- list-style-type: none;
- }
- #left_menu ul li{
- list-style-type: none;
- height: 45px;
- border-right: solid 1px #2b7f41;
- }
- #left_menu ul li a{
- display: block;
- line-height: 25px;
- padding: 0 20px;
- color: #2b7f41;
- text-decoration: none !important;
- }
- #left_menu ul li a:hover{
- background-color: #c5c5c5;
- }
- /*Middle ---------------------------------------------------------------------*/
- #middle{
- overflow: hidden;
- }
- #side_right{
- float: right;
- width: 225px;
- padding: 12px;
- border-left: solid 1px #2b7f41;
- text-align: justify;
- padding-bottom: 30000px;
- margin-bottom: -30000px;
- }
- #content {
- padding: 12px;
- margin: 0 250px;
- text-align: justify;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement