Advertisement
PayneLess_Designs

PayneLess Designs - YA Anser

Dec 10th, 2011
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.09 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. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. <title></title>
  5. <meta name="created" content="Sat, 10 Dec 2011 22:27:44 GMT">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="copyright" content="PayneLess Designs">
  9. <meta name="author" content="Ron">
  10. <!-- <link type="text/css" rel="stylesheet" href="css_styles.css"  media="screen"> -->
  11. <!-- <script type="text/javascript" src=""></script> -->
  12.  
  13. <style type="text/css">
  14. * { margin: 0; padding: 0; border: 0; }
  15.  
  16. #wrap_common {
  17. width: 800px;
  18. height: 150px;
  19. margin: 0 auto;
  20. margin-top: 2%;
  21. }
  22.  
  23. .phase1, .phase2 {
  24. float: left;
  25. width: 32%;
  26. height: 30px;
  27. padding-left: 10px;
  28. }
  29.  
  30. #heading {
  31. height: 30px;
  32. background: #00008b;
  33. border-bottom: 1px solid #f8f8ff;
  34. color: #fff;
  35. }
  36.  
  37. .phase1 {
  38. border-right: 1px solid #fff;
  39. }
  40.  
  41. .odds, .evens {
  42. height: 30px;
  43. border-bottom: 1px solid #f8f8ff;
  44. }
  45.  
  46. .odds {
  47. background: #96e1f3;
  48. }
  49.  
  50. .evens {
  51. background: #b5bcfa;
  52. }
  53. </style>
  54. <!--[if IE]>
  55. <link rel="stylesheet" type="text/css" href="css_styles_ie.css">
  56. <![endif]-->
  57. </head><body>
  58. <div id="wrap_common">
  59.  
  60. <div id="heading">
  61. <div class="phase1">Headings</div><div class="phase1">Headings</div><div class="phase2">Headings</div>
  62. </div>
  63.  
  64. <div class="odds">
  65. <div class="phase1">ODDS</div><div class="phase1">ODDS</div><div class="phase2">ODDS</div>
  66. </div>
  67.  
  68.  
  69. <div class="evens">
  70. <div class="phase1">EVENS</div><div class="phase1">EVENS</div><div class="phase2">EVENS</div>
  71. </div>
  72.  
  73. <div class="odds">
  74. <div class="phase1">ODDS</div><div class="phase1">ODDS</div><div class="phase2">ODDS</div>
  75. </div>
  76.  
  77. <div class="evens">
  78. <div class="phase1">EVENS</div><div class="phase1">EVENS</div><div class="phase2">EVENS</div>
  79. </div>
  80.  
  81. </div>
  82. </body></html>
  83. <!-- HTML 4.01 Folder
  84. http://answers.yahoo.com/question/index;_ylt=AnxXPs5oUxlc6xXNVsK7QqAv5XNG;_ylv=3?qid=20111210075415AAQ1RVJ
  85. I want the flow to be similar to a table. Have one row with 3 columns then the next to have 3 etc. -->
  86.  
  87.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement