Advertisement
Guest User

Untitled

a guest
Dec 13th, 2018
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.52 KB | None | 0 0
  1. div#blok{/*deklaracja wysokości i szerokości całej strony*/
  2. height:600;
  3. width:800;
  4. }
  5. div#header{
  6. Postion:absolute;/*pozycjonowanie bezwzględne- ustawienie odległości diva od punktu 0,0*/
  7. top:0px;/*ustawienie odległości elementu od góry strony*/
  8. left:0px;/*ustawienie odległości elementu od lewego boku strony*/
  9. background-color:red;
  10. border-style:solid;
  11. border-width:3px;
  12. border-color:black;
  13. height:94;
  14. width:794;
  15. }
  16. div#lewy{
  17. float:left;
  18. top:100;
  19. left:0;
  20. border-style:solid;
  21. border-width:3px;
  22. border-color:black;
  23. height:419px;
  24. width:144px;
  25. background-color:gray;
  26. }
  27. div#srodek{
  28. float:left;
  29. top:100;
  30. left:144;
  31. border-style:solid;
  32. border-width:3px;
  33. border-color:black;
  34. height:419px;
  35. width:494px;
  36. background-color:silver;
  37. }
  38. div#prawy{
  39. float:right;
  40. top:100;
  41. left:250;
  42. border-style:solid;
  43. border-width:3px;
  44. border-color:black;
  45. height:419px;
  46. width:144px;
  47. background-color:gray;
  48. }
  49. div#footer{
  50. clear:both;/*wyczyszczenie wyrównań elementów z poprzednich divów*/
  51. top:500;
  52. left:0;
  53. height:44;
  54. width:794;
  55. border-style:solid;
  56. border-top-width:3px;
  57. border-color:black;
  58. background-color:red;
  59.  
  60. }
  61.  
  62.  
  63.  
  64.  
  65. ----------------------------------------------
  66. <html>
  67. <head>
  68. <meta charset="UTF-8">
  69. <link rel="Stylesheet" href="style4.css" type="text/css"/>
  70. </head>
  71. <body>
  72. <div id="blok">
  73. <div id="header"></div>
  74. <div id="lewy"></div>
  75. <div id="srodek"></div>
  76. <div id="prawy"></div>
  77. <div id="footer"></div>
  78. </div id="blok">
  79. </body>
  80. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement