Advertisement
Pecetowicz

poprawiony kod html - 71165

May 7th, 2024 (edited)
554
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.42 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <HEAD>
  3. <title>www</title>
  4. <style>
  5. .pojemnik{background-color:white; width:900px;height:1000px;border:3px solid black; }
  6. .pojemnik3{position:relative; left:50px;}
  7. .pojemnik4{position:relative; left:300px;top:-290px;}
  8. .pojemnik5{position:relative; left:160px;top:-750px;}
  9. .menu1>li{list-style-type: none;background-color:#f3dcd4;text-align: center;border:1px solid black;width:150px;
  10. height:20px;border-radius:15px;}
  11. .menu1{position:relative;top:-700px;left:15px;}
  12. .menu1>li:hover{background-color:#d95940;}
  13. .pojemnik7{position:relative; left:220px;top:-860px;width:250px;}
  14. .pojemnik8{border-radius:15px;background-color:#f3dcd4;position:relative; left:50px;top:-830px;width:510px;height:200px;}
  15. .pojemnik9{text-align:center;position:relative; left:100px;top:-930px;width:600px;}
  16. .pojemnik10{border-radius:15px;background-color:#f3dcd4;position:relative; left:50px;top:-940px;width:250px;height:200px;}
  17. .pojemnik11{border-radius:15px;background-color:#f3dcd4;position:relative; left:310px;top:-1160px;width:250px;height:200px;}
  18.  
  19. .pojemnik12{border-radius:15px;background-color:#f3dcd4;position:relative; left:565px;top:-1520px;width:250px;height:230px;}
  20.  
  21. .pojemnik13{text-align:center;position:relative; left:565px;top:-1650px;width:250px;height:300px;}
  22.  
  23. .pojemnik14{border-radius:15px;background-color:#f3dcd4;position:relative; left:565px;top:-1835px;width:250px;height:100px;}
  24.  
  25. .tresc1{font-size:35px;color: blue;}
  26. .tresc7{position:relative;top:-25px;}
  27. .tresc6{position:relative;top:-25px;}
  28. .pojemnik15{text-align:center;position:relative; left:355px;top:-2060px;width:250px;height:300px;}
  29. .pojemnik16{text-align:center;position:relative; left:630px;top:-2270px;width:250px;height:300px;}
  30. .pojemnik17{text-align:center;position:relative; top:-2450px;width:250px;height:300px;}
  31. </style>
  32. </HEAD>
  33. <BODY>
  34. <div class="pojemnik">
  35. <div class="pojemnik2"><img src="img1.png" alt="img1" width="900" height="130"></div>
  36. <div class="pojemnik3"><img src="img2.jpg" alt="img2" width="100" height="150"></div>
  37. <div class="pojemnik4"><img src="img3.png" alt="img3" width="600" height="600"></div>
  38. <div class="pojemnik5">
  39. <h1 class="naglowek1.">naglowek1.</h1>
  40. <p class="tresc1">przyklad.</p></div>
  41. <div class="pojemnik6">
  42. <ul class="menu1">
  43. <li>link1</li>
  44. <li>link2</li>
  45. <li>link3</li>
  46. <li>link4</li>
  47. <li>link5</li>
  48. <li>link6</li>
  49. </ul>
  50. </div>
  51. <div class="pojemnik7">
  52. <h1 class="naglowek1.">naglowek2.</h1>
  53. <p class="tresc2">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  54.  
  55. <div class="pojemnik8">
  56. <h1 class="naglowek1.">naglowek3.</h1>
  57. <p class="tresc3">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  58.  
  59. <div class="pojemnik9">
  60. <table>
  61. <tr><td>
  62. <img src="img4.png" alt="img4" width="80" height="80" />
  63. <img src="img5.png" alt="img5" width="80" height="80" />
  64. <img src="img6.png" alt="img6" width="80" height="80" />
  65. <img src="img7.png" alt="img7" width="80" height="80" />
  66. <img src="img8.png" alt="img8" width="80" height="80" />
  67. </td></tr>
  68. </table></div>
  69.  
  70. <div class="pojemnik10">
  71. <h1 class="naglowek1.">naglowek4.</h1>
  72. <p class="tresc4">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  73.  
  74. <div class="pojemnik11">
  75. <h1 class="naglowek1.">naglowek5.</h1>
  76. <p class="tresc5">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  77.  
  78. <div class="pojemnik12">
  79. <h1 class="naglowek1.">naglowek6.</h1>
  80. <p class="tresc6">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  81.  
  82. <div class="pojemnik13"><img src="img10.png" alt="img10" width="230" height="100"></div>
  83.  
  84.  
  85. <div class="pojemnik14">
  86. <h1 class="naglowek1.">naglowek7.</h1>
  87. <p class="tresc7">jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.jakas tresc.</p></div>
  88. <div class="pojemnik15"><img src="img9.png" alt="img9" width="100" height="30"></div>
  89. <div class="pojemnik16"><img src="img9.png" alt="img9" width="100" height="30"></div>
  90.  
  91. <div class="pojemnik17"><img src="img11.png" alt="img11" width="900" height="100"></div>
  92. </div>
  93. </BODY>
  94. </HTML>
  95.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement