PayneLess_Designs

PayneLess Designs - Simple HTML Page

Oct 3rd, 2012
250
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.71 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html><head>
  3. <titleSimple HTML Pagetitle>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  5. <meta name="created" content="Wed, 03 Oct 2012 05:08:36 GMT">
  6. <style type="text/css">
  7. div { text-align: center; }
  8. body {  background: #4f4f4f; }
  9. #outerbox {
  10. width: 1070px; height: 915px;
  11. margin: 0 auto;
  12. border: 1px solid #8e001c;
  13. background: #fbf7e4;
  14. }
  15.  
  16. #bannerbox { /* at the top */
  17. width: 1030px; height: 50px;
  18. margin: 0 auto;
  19. border: 1px solid #000;
  20. }
  21.  
  22. #colorbox { /* below bannerbox */
  23. width: 1070px; height: 15px;
  24. margin: 0 auto;
  25. margin-bottom: 10px;
  26. border: 2px solid #4f4f4f;
  27. background: #00f;
  28. color: #fff; /* text color */
  29. }
  30.  
  31. #hyperlinkbox { /* mid right, */
  32. width: 200px; height: 300px;
  33. float: right;
  34. margin-right: 50px;
  35. border: 1px solid #000;
  36. }
  37.  
  38. #contentbox { /* mid left */
  39. width: 550px; height: 600px;
  40. float: left;
  41. margin-left: 50px;
  42. border: 1px solid #000;
  43. }
  44.  
  45. .floatClear { clear: both; }
  46.  
  47. #footerbox {
  48. width:1000px; height: 25px;
  49. margin: 10px auto;
  50. border: 1px solid #000;
  51. }
  52. </style>
  53. </head><body>
  54. <div id="outerbox"><!-- START Outerbox -->
  55.  
  56. <!-- START Bannerbox -->
  57. <div id="bannerbox">BANNER BOX</div>
  58. <!-- END Bannerbox -->
  59.  
  60. <div id="colorbox"><!-- START Colorbox -->
  61. COLOR BOX
  62. </div><!-- END Colorbox -->
  63.  
  64. <div id="hyperlinkbox"><!-- START Hyperlinkbox -->
  65. HYPERLINK BOX
  66. </div><!-- END Hyperlinkbox -->
  67.  
  68. <div id="contentbox"><!-- START Contentbox -->
  69. CONTENT BOX
  70. </div><!-- END Contentbox -->
  71.  
  72. <div class="floatClear"></div>
  73.  
  74. <div id="footerbox"><!-- START Footerbox -->
  75. FOOTER BOX
  76. </div><!-- END Footerbox -->
  77.  
  78. </div><!-- END Outerbox -->
  79. </body></html>
Advertisement
Comments
Add Comment
Please, Sign In to add comment