API tools faq
paste
Advertisement
Guest User

Code I'm Hoping to Center

a guest
May 30th, 2011
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. margin-left: auto;
  5. margin-right: auto;
  6.  
  7. body{
  8. border:0px none;
  9. text-align: center;
  10. margin-left: auto;
  11. margin-right: auto;
  12. }
  13.  
  14.  
  15. <style>
  16.  
  17. body
  18. {
  19. text-align: center;
  20. }
  21.  
  22. div#container
  23. {
  24. margin-left: 30%;
  25. margin-right: 30%;
  26. width: 50em;
  27. }
  28.  
  29. body
  30. {
  31. text-align: center;
  32. }
  33.  
  34. div#container
  35. {
  36. margin-left: auto;
  37. margin-right: auto;
  38. width: 50em;
  39. text-align: left;
  40. }
  41.  
  42. </style>
  43. <script type="text/javascript">
  44. function hideProgress(){
  45. document.getElementById('loader').style.display = 'none';
  46. }
  47. </script>
  48. <script type="text/javascript">
  49. function hideProgress(){
  50. document.getElementById('loader2').style.display = 'none';
  51. }
  52. </script>
  53. <script type="text/javascript">
  54. function hideProgress(){
  55. document.getElementById('loader3').style.display = 'none';
  56. }
  57. </script>
  58. <script type="text/javascript">
  59. (function () {
  60. var div = document.createElement('div'),
  61. ref = document.getElementsByTagName('base')[0] ||
  62. document.getElementsByTagName('script')[0];
  63. div.innerHTML = '&shy;<style> iframe { visibility: hidden; } </style>';
  64. ref.parentNode.insertBefore(div, ref);
  65. window.onload = function() {
  66. div.parentNode.removeChild(div);
  67. }
  68.  
  69. })();
  70. </script>
  71. <script type="text/javascript">
  72. if ( (navigator.userAgent.indexOf('iPad') != -1)) {
  73. document.location = "http://DOMAIN/ipad.html";
  74. }
  75. </script>
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  77. <meta content="yes" name="apple-mobile-web-app-capable" />
  78. <meta content="minimum-scale=1.07, width=device-width, maximum-scale=1.07, user-scalable=no" name="viewport" />
  79. <link rel="apple-touch-icon" href="http://DOMAIN/apple-touch-icon.png"/>
  80. <title>Homework</title>
  81.  
  82. WEBFONT CODE
  83.  
  84. <style type="text/css">
  85. #apDiv1 {
  86. position:absolute;
  87. width:583px;
  88. height:60px;
  89. z-index:1;
  90. left: 3px;
  91. top: 7px;
  92. }
  93. #apDiv2 {
  94. position:absolute;
  95. width:655px;
  96. height:247px;
  97. z-index:2;
  98. left: 33px;
  99. top: 80px;
  100. }
  101. #apDiv3 {
  102. position:absolute;
  103. width:672px;
  104. height:115px;
  105. z-index:1;
  106. text-align: center;
  107. font-family: Museo-700;
  108. left: 13px;
  109. top: 12px;
  110. font-size: 36px;
  111. }
  112. #apDiv4 {
  113. position:absolute;
  114. width:674px;
  115. height:115px;
  116. z-index:3;
  117. left: 20px;
  118. top: 320px;
  119. font-family: Museo-700;
  120. font-size: 36px;
  121. text-align: center;
  122. }
  123. #apDiv5 {
  124. position:absolute;
  125. width:200px;
  126. height:51px;
  127. z-index:4;
  128. left: 232px;
  129. top: 851px;
  130. font-size: 44px;
  131. }
  132. #apDiv6 {
  133. position:absolute;
  134. width:300px;
  135. height:115px;
  136. z-index:4;
  137. left: 28px;
  138. top: 334px;
  139. }
  140. #apDiv7 {
  141. position:absolute;
  142. width:200px;
  143. height:115px;
  144. z-index:1;
  145. }
  146. #apDiv8 {
  147. position:absolute;
  148. width:200px;
  149. height:115px;
  150. z-index:3;
  151. left: 17px;
  152. top: 336px;
  153. }
  154. #apDiv9 {
  155. position:absolute;
  156. width:200px;
  157. height:115px;
  158. z-index:3;
  159. }
  160. #apDiv10 {
  161. position:absolute;
  162. width:200px;
  163. height:115px;
  164. z-index:3;
  165. left: 5px;
  166. top: 304px;
  167. }
  168. #apDiv11 {
  169. position:absolute;
  170. width:662px;
  171. height:115px;
  172. z-index:4;
  173. left: 24px;
  174. top: 358px;
  175. }
  176. #apDiv12 {
  177. position:absolute;
  178. width:200px;
  179. height:115px;
  180. z-index:5;
  181. left: 7px;
  182. top: 616px;
  183. }
  184. #apDiv13 {
  185. position:absolute;
  186. width:672px;
  187. height:109px;
  188. z-index:99;
  189. left: 21px;
  190. top: 642px;
  191. }
  192. #apDiv14 { position:absolute;
  193. width:672px;
  194. height:115px;
  195. z-index:1;
  196. text-align: center;
  197. font-family: Museo-700;
  198. left: 13px;
  199. top: 12px;
  200. font-size: 36px;
  201. }
  202. #apDiv15 {
  203. position:absolute;
  204. width:667px;
  205. height:41px;
  206. z-index:7;
  207. left: 22px;
  208. top: 628px;
  209. text-align: center;
  210. font-size: 36px;
  211. font-family: Museo-700;
  212. }
  213. #apDiv16 {
  214. position:absolute;
  215. width:200px;
  216. height:115px;
  217. z-index:8;
  218. left: 8px;
  219. top: 795px;
  220. }
  221. #apDiv17 {
  222. position:absolute;
  223. width:674px;
  224. height:45px;
  225. z-index:9;
  226. left: 20px;
  227. top: 804px;
  228. font-family: Museo-700;
  229. font-size: 36px;
  230. text-align: center;
  231. }
  232. #apDiv18 {
  233. position:absolute;
  234. width:200px;
  235. height:50px;
  236. z-index:10;
  237. left: 23px;
  238. top: 849px;
  239. font-family: Museo-700;
  240. font-size: 44px;
  241. color: #000;
  242. }
  243. #apDiv19 { position:absolute;
  244. width:200px;
  245. height:115px;
  246. z-index:10;
  247. left: 23px;
  248. top: 849px;
  249. font-family: Museo-700;
  250. font-size: 44px;
  251. color: #000;
  252. }
  253. #apDiv20 {
  254. position:absolute;
  255. width:200px;
  256. height:55px;
  257. z-index:11;
  258. font-size: 44px;
  259. font-family: Museo-700;
  260. left: 245px;
  261. top: 848px;
  262. }
  263. #apDiv21 {
  264. position:absolute;
  265. width:200px;
  266. height:53px;
  267. z-index:12;
  268. left: 495px;
  269. top: 847px;
  270. }
  271. #apDiv22 {
  272. position:absolute;
  273. width:200px;
  274. height:55px;
  275. z-index:12;
  276. left: 486px;
  277. top: 849px;
  278. font-family: Museo-700;
  279. font-size: 44px;
  280. }
  281. #apDiv23 {
  282. position:absolute;
  283. width:700px;
  284. height:28px;
  285. z-index:13;
  286. font-family: Museo-700;
  287. font-size: 22px;
  288. left: 11px;
  289. top: 910px;
  290. text-align: right;
  291. color: #666;
  292. }
  293. #apDiv24 {
  294. position:absolute;
  295. width:200px;
  296. height:115px;
  297. z-index:1.9;
  298. left: 166px;
  299. top: 117px;
  300. font-size: 36px;
  301. }
  302. #apDiv25 {
  303. position:absolute;
  304. width:652px;
  305. height:115px;
  306. z-index:100;
  307. left: 34px;
  308. top: 102px;
  309. }
  310. #apDiv26 { position:absolute;
  311. width:652px;
  312. height:115px;
  313. z-index:100;
  314. left: 34px;
  315. top: 131px;
  316. }
  317. #apDiv27 {
  318. position:absolute;
  319. width:670px;
  320. height:72px;
  321. z-index:101;
  322. left: 19px;
  323. top: 660px;
  324. }
  325. #apDiv28 {
  326. position:absolute;
  327. width:661px;
  328. height:75px;
  329. z-index:102;
  330. left: 25px;
  331. top: 432px;
  332. }
  333. </style>
  334. </head>
  335.  
  336. <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
  337. <center>
  338. <script>
  339. function BlockMove(event) {
  340. event.preventDefault() ;
  341. }
  342. </script>
  343. <div id="apDiv1">
  344. <div id="apDiv3">Homework Checklist</div>
  345. <img src="http://DOMAIN/Homework_Checklist_files/shapeimage_2.png" alt="" width="702" height="278" /></div>
  346. <div id="apDiv2"><iframe onload="hideProgress()" frameBorder="0" src="http://DOMAIN/dayofweek.php" width="100%" height="250">
  347. <p>Your browser does not support iframes.</p>
  348. </iframe>
  349. </div>
  350. <div id="apDiv10"><img src="http://DOMAIN/Homework_Checklist_files/shapeimage_1.png" width="702" height="295" /></div>
  351. <div id="apDiv11">
  352. <iframe onload="hideProgress()" frameborder="0" src="http://authentication.DOMAIN.co.uk/extras/index.php" width="100%" height="231">
  353. <p>Your browser does not support iframes.</p>
  354. </iframe>
  355. </div>
  356. <div id="apDiv12"><img src="http://DOMAIN/Homework_Checklist_files/shapeimage_3.png" width="702" height="162" /></div>
  357. <div id="apDiv13">
  358. <iframe onload="hideProgress()" frameborder="0" SCROLLING=NO src="http://authentication.DOMAIN.co.uk/music/index.php" width="100%" height="110">
  359. <p>Your browser does not support iframes.</p>
  360. </iframe>
  361. </div>
  362. <div id="apDiv4">Other Notes</div>
  363. <div id="apDiv15">Music Lesson Time</div>
  364. <div id="apDiv16"><img src="http://DOMAIN/Homework_Checklist_files/shapeimage_4.png" width="702" height="112" /></div>
  365. <div id="apDiv17">Links</div>
  366. <div id="apDiv18"><a href="http://authentication.DOMAIN.co.uk/notes.png" target="_blank">Notes</a></div>
  367. <div id="apDiv20"><a href="http://authentication.DOMAIN.co.uk/remoteredirect.html" target="_blank">Remote</a></div>
  368. <div id="apDiv22"><a href="http://authentication.DOMAIN.co.uk/4BA_Timetable.html" target="_blank">Timetable</a></div>
  369. <div id="apDiv23">a Application</div>
  370. </body>
  371. </html>
  372. </div>
  373. </body>
  374. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!