Advertisement
Velja_Programer

Galerija

May 24th, 2018
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.14 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="galer.css">
  5. <style>
  6. .galerija
  7. {
  8.     margin: 5px;
  9.     border: 1px solid lightgray;
  10.     display:inline-block;
  11.     width:200px;
  12.     height:200px;
  13. }
  14. .galerija:hoover
  15. {
  16.     border:1px solid black;
  17. }
  18. .slicica
  19. {
  20.     width:200px;
  21.     height:130px;
  22. }
  23. .opis,h1
  24. {
  25.     padding:15px;
  26.     text-align:center;
  27.     color:darkblue;
  28. }
  29. </style>
  30. </head>
  31.  
  32.  
  33. <body>
  34. <div class="galerija">
  35. <a target="_blank" href="slika1.jpg">
  36.     <img src="slika1.jpg" alt="Opis slike" class="slicica">
  37.     </a>
  38.     <div class="opis">Veoma lepa prva slicica</div>
  39. </div>
  40.  
  41.  
  42.  
  43. <div class="galerija">
  44. <a target="_blank" href="slika2.png">
  45. <img src="slika2.png" alt="Opis slike" class="slicica">
  46. </a>
  47. <div class="opis">Opis druge slike</div>
  48. </div>
  49.  
  50. <div class="galerija">
  51. <a target="_blank" href="slika3.jpg">
  52. <img src="slika3.jpg" alt="opis slike" class="slicica">
  53. </a>
  54. <div class="opis">Opis trece slike</div>
  55. </div>
  56.  
  57.  
  58. <div class="galerija">
  59. <a target="_blank" href="slika4.jpg">
  60. <img src="slika4.jpg" class="slicica" alt="Opis">
  61. </a>
  62. <div class="opis">Opis cetvrte slike</div>
  63. </div>
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement