Guest

Untitled

By: a guest on Jan 28th, 2012  |  syntax: None  |  size: 0.95 KB  |  hits: 18  |  expires: Never
download  |  raw  |  embed  |  report abuse
Copied
  1. <html>
  2.         <head>
  3.                 <style>
  4.                         body{margin:0; padding:0;}
  5.  
  6.                         div#head,
  7.                         div#nav,
  8.                         div#content,
  9.                         div#aside,
  10.                         div#foot{margin:0; padding:0;}
  11.                
  12.                         div#head{}
  13.                         div#nav{float:left;background:blue;width:20%;}
  14.                         div#content{float:left;background:orange;width:60%;}
  15.                         div#aside{float:left;background:yellow;width:20%;}
  16.                         div#foot{clear:both;background:green;}
  17.                        
  18.                        
  19.                         div#nav ul{ list-style-type:none;}
  20.                         div#nav ul li{}
  21.                         div#nav ul li a{ color:white;}
  22.                        
  23.                 </style>
  24.         </head>
  25.         <body>
  26.        
  27.                 <div id="head">
  28.                         <h1>Brand name</h1>
  29.                 </div>
  30.                 <div id="nav">
  31.                         <ul>
  32.                                 <li><a href="#">item1</a></li>
  33.                                 <li><a href="#">item2</a></li>
  34.                                 <li><a href="#">item2</a></li>
  35.                         </ul>
  36.                        
  37.                 </div>
  38.                 <div id="content">content</div>
  39.                 <div id="aside">
  40.                         <form>
  41.                                 <dl>
  42.                                         <dt><label>username</lable></dt>
  43.                                         <dd><input type="text" /></dd>
  44.                                 </dl>
  45.                         </form>
  46.                        
  47.                 </div>
  48.                 <div id="foot">sími....</div>
  49.         </body>
  50. </html>