API tools faq
paste
Guest User

Untitled

a guest
Nov 19th, 2018
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.44 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .header
  5. {
  6.  
  7. background:#b2e7ff;
  8. text-align:center;
  9. border-style:solid;
  10. border-width:2px;
  11. border-color:#ffffff #ffffff #0ab1ff #ffffff ;
  12. width:1100px;
  13.  
  14.  
  15. }
  16. a
  17. {
  18. text-decoration:none;
  19. font-size:14px;
  20. color:white;
  21. font-family: tahoma;
  22. }
  23. .heading
  24. {
  25. font-family: tahoma;
  26. position: relative;
  27. float: top;
  28. font-size: 24px;
  29. color: black;
  30.  
  31. }
  32. .heading1
  33. {
  34. font-family: tahoma;
  35. position: relative;
  36. float: top;
  37. font-size:18px;
  38. color: black;
  39.  
  40. }
  41. .heading2
  42. {
  43. font-family: tahoma;
  44. position: relative;
  45. float: top;
  46. font-size:12px;
  47. color: black;
  48.  
  49. }
  50. .heading3
  51. {
  52. font-family: tahoma;
  53. position: relative;
  54. float: top;
  55. font-size:14px;
  56. color: #802525;
  57.  
  58. }
  59. .footer
  60. {
  61. clear:left;
  62. background:#3cff78;
  63. text-align:center;
  64. border-style:solid;
  65. border-width:2px;
  66. border-color:#ffffff #ffffff #0ab1ff #ffffff ;
  67. width:1100px;
  68.  
  69.  
  70. }
  71. .container
  72. {
  73.  
  74. width:1100px;
  75. }
  76. .container1 {
  77.  
  78. width:1100px;
  79.  
  80. overflow:hidden;
  81. }
  82. .left {
  83. border:1px solid blue;
  84. width:260px;
  85. float:left;
  86. position:relative;
  87.  
  88. border-style:solid;
  89. border-width:2px;
  90. padding:25px 10px 25px 10px;
  91. border-color:#ffffff #ffffff #0ab1ff #ffffff ;
  92. background:#0ab1ff;
  93.  
  94.  
  95. }
  96. .right {
  97.  
  98. width:770px;
  99. float:left;
  100. position: relative;
  101.  
  102. background:#ededed;
  103. border-style:solid;
  104. border-width:2px;
  105. border-color:#ffffff #ffffff #0ab1ff #ffffff ;
  106.  
  107. padding:20px;
  108. }
  109. .left, .right {
  110. padding-bottom:8000px;
  111. margin-bottom:-8000px;
  112.  
  113. }
  114.  
  115.  
  116. </style>
  117. </head>
  118. <body>
  119. <div class='container';>
  120. <div class='header'>
  121. <span class='heading'>
  122. This is Header
  123. </span>
  124. </div>
  125. <div class="container1">
  126. <div class="left">
  127. <span class="heading1">
  128. fixed section of width 250
  129. </span>
  130. <ul>
  131. <li><a href="#">navigation1</a></li>
  132. <li><a href="#">navigation2</a></li>
  133. <li><a href="#">navigation3</a></li>
  134. <li><a href="#">navigation4</a></li>
  135. </ul>
  136. <span class="heading2">
  137. this is something in the left panel
  138. </span>
  139. </div>
  140.  
  141. <div class="right">
  142. <span class="heading">
  143. fixed section of width 750
  144. </span>
  145. <span class="heading3"><br>
  146. this is something in the right panel
  147. </span>
  148. </div>
  149. </div>
  150. <div class='footer'>
  151. <span class='heading'>
  152. This is footer
  153. </span>
  154. </div>
  155. </div>
  156. </body>
  157. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!