API tools faq
paste
Advertisement
Pihtija

Vezbe Ski 6(?)

Pihtija
Nov 27th, 2018
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.01 KB | None | 0 0
raw download clone embed print report
  1. Samostalni
  2. -----------------------
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="UTF-8">
  7. <title>Zadatak</title>
  8. <style>
  9. ul{
  10. margin-left: auto;
  11. margin-right: auto;
  12. }
  13. li{
  14. display: inline;
  15. background-color: red;
  16. font-style: white;
  17. padding: 10px;
  18.  
  19. }
  20. div{
  21. padding: 15px;
  22. background-color: aquamarine;
  23. }
  24. div>div{
  25. width: 750px;
  26. display: inline-block;
  27. }
  28. a{
  29. text-decoration: none;
  30. color: white;
  31. }
  32.  
  33. body{
  34. background-image: url("../img/back.jpg");
  35. }
  36.  
  37. img{
  38.  
  39. height: 150px;
  40. width: 200px;
  41. }
  42. p{
  43. font-size: 12px;
  44. }
  45. div>p{
  46. color: red;
  47. }
  48.  
  49. </style>
  50. </head>
  51. <body>
  52. <ul>
  53. <li><a href="">Link1</a></li>
  54. <li><a href="">Link2</a></li>
  55. <li><a href="">Link3</a></li>
  56. <li><a href="">Link4</a></li>
  57. </ul>
  58. <div>
  59. <img src="../img/bec.jpg" alt="Beč">
  60. <div class="in">
  61. <p >Beč - Nova godina 2019.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique
  62. odio culpectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique odio culpectetur adip
  63. isicidipisicing elit. Eaque, distinctio aperiam nobis nos
  64. trum similique odio culpecteto aperiam nobis nostrum similique odio culpa
  65. laborum modi provident alias, officiis hic rem voluptates error. Dolores fuga corporis fugit ipsum.</p>
  66. <span>Rezerviši</span>
  67. </div>
  68. </div>
  69. <div>
  70. <img src="../img/pariz.jpg" alt="Pariz">
  71. <div class="in">
  72. <p >Paris - Nova godina 2019.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique
  73. odio culpectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique odio culpectetur adip
  74. isicidipisicing elit. Eaque, distinctio aperiam nobis nos
  75. trum similique odio culpecteto aperiam nobis nostrum similique odio culpa
  76. laborum modi provident alias, officiis hic rem voluptates error. Dolores fuga corporis fugit ipsum.</p>
  77. <span>Rezerviši</span>
  78. </div>
  79. </div>
  80. <div>
  81. <img src="../img/cirih.jpg" alt="Cirih">
  82. <div class="in">
  83. <p >Cirih - Nova godina 2019.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique
  84. odio culpectetur adipisicing elit. Eaque, distinctio aperiam nobis nostrum similique odio culpectetur adip
  85. isicidipisicing elit. Eaque, distinctio aperiam nobis nos
  86. trum siit. Eaque, distinctio aperiam nobis nos
  87. trum similique odio culpecteto aperiam nobis nostrum similique odio culpa isicidipisicing elit. Eaque, distinctio aperiam nobis nos
  88. trum similique odio culpecteto aperiam nobis nostrum similique odio culpa
  89. laborum modi provident alias, officiis hic rem voluptates error. Dolores fuga corporis fugit ipsum.</p>
  90. <span>Rezerviši</span>
  91. </div>
  92. </div>
  93. </body>
  94. </html>
  95. -------------------------------
  96. Vezba
  97. --------------------------
  98. <!DOCTYPE html>
  99. <html lang="en">
  100. <head>
  101. <meta charset="UTF-8">
  102. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  103. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  104. <title>Document</title>
  105. <style>
  106. /* #prvi{
  107. border: 1px solid red;
  108. margin: 40px;
  109. padding: 20px;
  110. border-top-style: dotted;
  111. border-top-color: green;
  112. border-top-width: 4px;
  113. }
  114. #drugi{
  115. border: 1px solid green;
  116. margin: 20px 30px;
  117. padding: 20px 10px;
  118. border-radius: 15px;
  119. background-color: magenta;
  120. }
  121. #treci{
  122. border: 1px solid blue;
  123. margin: 10px 5px 15px 10px;
  124. padding: 10px;
  125. outline: 4px double blueviolet;
  126.  
  127. }*/
  128. /* p{
  129. border: 2px solid magenta;
  130. display: inline-block;
  131. width:250px;
  132. } */
  133. img{
  134. width: 250px;
  135. display: block;
  136. margin-left: auto;
  137. margin-right: auto;
  138. /* visibility: hidden; */
  139. }
  140.  
  141. body{
  142. background-image: url("../img/back.jpg");
  143. /* background-repeat: no-repeat; */
  144. background-attachment: fixed;
  145. /* background-size:cover; */
  146. }
  147.  
  148. p{
  149. color: white;
  150. background-color: red;
  151.  
  152. }
  153. </style>
  154. </head>
  155. <body>
  156. <!-- /* <span>Link1</span>
  157. <span>Link2</span>
  158. <p>Prvi paragraf</p>
  159. <p>Drugi paragraf</p> */ -->
  160.  
  161. <img src="../img/put.png" alt="autoput">
  162. <br>
  163. <p id="prvi">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, animi facilis deleniti debitis quam voluptate obcaecati, illo libero iure, ipsam corporis earum dolor possimus itaque aliquid sed dicta numquam dignissimos.</p>
  164. <p id="drugi">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, animi facilis deleniti debitis quam voluptate obcaecati, illo libero iure, ipsam corporis earum dolor possimus itaque aliquid sed dicta numquam dignissimos.</p>
  165. <p id="treci">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, animi facilis deleniti debitis quam voluptate obcaecati, illo libero iure, ipsam corporis earum dolor possimus itaque aliquid sed dicta numquam dignissimos.</p>
  166. </body>
  167. </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!