edlopez

alto position absolute

Jan 5th, 2012
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <style>
  4.  
  5. .alto-block {
  6.     height: 100%;
  7.     position: relative;
  8.     width: 100%;
  9. border: thin solid red;
  10. }
  11. .alto-text {
  12.     height: 100%;
  13.     left: 0;
  14.     position: absolute;
  15.     top: 0;
  16.     width: 100%;
  17. border: thin solid blue;
  18. }
  19. span { border: thin solid green; }
  20.  
  21. .alto-block div.t-block, .alto-block div.t-block p, .alto-block div.t-block p span {
  22.     display: inline-block;
  23.     margin: 0;
  24.     padding: 0;
  25.     position: absolute;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="alto-block">
  31.   <div class="alto-text">
  32.     <div style="height: 35px; width: 159px; left: 203px; top: 83px; " class="t-block" id="PAG_1_TB000001">
  33.       <p style="height: 35px; width: 159px; left: 203px; top: 83px; " id="PAG_1_TL000001">
  34.         <span style="height: 35px; width: 10px; left: 203px; top: 83px; " id="PAG_1_ST000001">T</span>
  35.         <span style="height: 35px; width: 30px; left: 215px; top: 83px; " id="PAG_1_ST000002">*</span>
  36.         <span style="height: 17px; width: 17px; left: 242px; top: 83px; " id="PAG_1_ST000003">T</span>
  37.         <span style="height: 22px; width: 16px; left: 262px; top: 94px; " id="PAG_1_ST000004">«</span>
  38.         <span style="height: 25px; width: 39px; left: 323px; top: 83px; " id="PAG_1_ST000005">?"</span>
  39.       </p>
  40.     </div>
  41.   </div>
  42. </div>
  43.  
  44. </body>
  45. </html>
Add Comment
Please, Sign In to add comment