SHARE
TWEET

Untitled

a guest Dec 13th, 2018 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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!
 
Top