Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP] Położenie obrazków
niveamen
post 25.08.2014, 01:54:20
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 22.08.2014

Ostrzeżenie: (0%)
-----


Hi,

tak sobie siedzę i myślę jak zrobić aby wyszło tak jak na zdjęciu, bez tej daty to jakoś w css bym zrobił ale z tym podpisem poległem, pomocy.
zdjęcie: http://files.tinypic.pl/i/00568/s66o6pus3yt5.png


  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. </head>
  6. <body>
  7.  
  8. <?php
  9. $limit = 20; // ile rekordów pobrać
  10. $start = $_GET['page']; // od którego zacząć
  11. if($start <= 0){ $start = 1; }
  12.  
  13.  
  14.  
  15. $tablica[0]['photo'] = 'img/2.png';
  16. $tablica[0]['data'] = '00 01.02.03 04:05';
  17. $tablica[0]['link'] = 'adres/odnośnika1.html';
  18.  
  19. $tablica[1]['photo'] = 'img/2.png';
  20. $tablica[1]['data'] = '11 12.11.10 09:08';
  21. $tablica[1]['link'] = 'adres/odnośnika2.html';
  22.  
  23. $tablica[2]['photo'] = 'img/2.png';
  24. $tablica[2]['data'] = '22 12.11.10 09:08';
  25. $tablica[2]['link'] = 'adres/odnośnika2.html';
  26.  
  27. $tablica[3]['photo'] = 'img/2.png';
  28. $tablica[3]['data'] = '3 12.11.10 09:08';
  29. $tablica[3]['link'] = 'adres/odnośnika2.html';
  30.  
  31. $tablica[4]['photo'] = 'img/2.png';
  32. $tablica[4]['data'] = '4 12.11.10 09:08';
  33. $tablica[4]['link'] = 'adres/odnośnika2.html';
  34.  
  35. $tablica[5]['photo'] = 'img/2.png';
  36. $tablica[5]['data'] = '5 12.11.10 09:08';
  37. $tablica[5]['link'] = 'adres/odnośnika2.html';
  38.  
  39. $tablica[6]['photo'] = 'img/2.png';
  40. $tablica[6]['data'] = '6 01.02.03 04:05';
  41. $tablica[6]['link'] = 'adres/odnośnika1.html';
  42.  
  43. $tablica[7]['photo'] = 'img/2.png';
  44. $tablica[7]['data'] = '7 12.11.10 09:08';
  45. $tablica[7]['link'] = 'adres/odnośnika2.html';
  46.  
  47. $tablica[8]['photo'] = 'img/2.png';
  48. $tablica[8]['data'] = '8 12.11.10 09:08';
  49. $tablica[8]['link'] = 'adres/odnośnika2.html';
  50.  
  51. $tablica[9]['photo'] = 'img/2.png';
  52. $tablica[9]['data'] = '9 12.11.10 09:08';
  53. $tablica[9]['link'] = 'adres/odnośnika2.html';
  54.  
  55. $tablica[10]['photo'] = 'img/2.png';
  56. $tablica[10]['data'] = '10 12.11.10 09:08';
  57. $tablica[10]['link'] = 'adres/odnośnika2.html';
  58.  
  59. $tablica[11]['photo'] = 'img/2.png';
  60. $tablica[11]['data'] = '11 12.11.10 09:08';
  61. $tablica[11]['link'] = 'adres/odnośnika2.html';
  62.  
  63. $tablica[12]['photo'] = 'img/2.png';
  64. $tablica[12]['data'] = '12 12.11.10 09:08';
  65. $tablica[12]['link'] = 'adres/odnośnika2.html';
  66.  
  67. $tablica[13]['photo'] = 'img/2.png';
  68. $tablica[13]['data'] = '13 .11.10 09:08';
  69. $tablica[13]['link'] = 'adres/odnośnika2.html';
  70.  
  71. $tablica[14]['photo'] = 'img/2.png';
  72. $tablica[14]['data'] = '14 .11.10 09:08';
  73. $tablica[14]['link'] = 'adres/odnośnika2.html';
  74.  
  75. $tablica[15]['photo'] = 'img/2.png';
  76. $tablica[15]['data'] = '15 .11.10 09:08';
  77. $tablica[15]['link'] = 'adres/odnośnika2.html';
  78.  
  79. $tablica[16]['photo'] = 'img/2.png';
  80. $tablica[16]['data'] = '16 .11.10 09:08';
  81. $tablica[16]['link'] = 'adres/odnośnika2.html';
  82.  
  83. $tablica[17]['photo'] = 'img/2.png';
  84. $tablica[17]['data'] = '17 .02.03 04:05';
  85. $tablica[17]['link'] = 'adres/odnośnika1.html';
  86.  
  87. $tablica[18]['photo'] = 'img/2.png';
  88. $tablica[18]['data'] = '18 .11.10 09:08';
  89. $tablica[18]['link'] = 'adres/odnośnika2.html';
  90.  
  91. $tablica[19]['photo'] = 'img/2.png';
  92. $tablica[19]['data'] = '18 .11.10 09:08';
  93. $tablica[19]['link'] = 'adres/odnośnika2.html';
  94.  
  95. $tablica[20]['photo'] = 'img/2.png';
  96. $tablica[20]['data'] = '20.11.10 09:08';
  97. $tablica[20]['link'] = 'adres/odnośnika2.html';
  98.  
  99. $tablica[21]['photo'] = 'img/2.png';
  100. $tablica[21]['data'] = '12.11.10 09:08';
  101. $tablica[21]['link'] = 'adres/odnośnika2.html';
  102.  
  103. $tablica[22]['photo'] = 'img/1.png';
  104. $tablica[22]['data'] = '12.11.10 09:08';
  105. $tablica[22]['link'] = 'adres/odnośnika2.html';
  106.  
  107. $tablica[23]['photo'] = 'img/1.png';
  108. $tablica[23]['data'] = '23 12.11.10 09:08';
  109. $tablica[23]['link'] = 'adres/odnośnika2.html';
  110.  
  111.  
  112. if($start > 1){
  113. $next = '<a href="?page='.($start-1).'">Poprzednie</a>';
  114. }
  115.  
  116. if(count($tablica) > $start*$limit){
  117. $prev = '<a href="?page='.($start+1).'">Następne</a>';
  118. }
  119.  
  120. $start = ($start-1)*$limit;
  121.  
  122. for($n = $start; $n < $start+$limit; $n++){
  123. if($tablica[$n]['photo'] != ''){
  124. echo '<a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><br>'.$tablica[$n]['data'].'</a>';
  125. }
  126. }
  127. echo '<br><br>'.$next.' // '.$prev;
  128. ?>
  129.  
  130. </body>
  131. </html>


Ten post edytował niveamen 25.08.2014, 01:56:30
Go to the top of the page
+Quote Post
toffiak
post 25.08.2014, 06:04:44
Post #2





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

Ostrzeżenie: (0%)
-----


http://jsfiddle.net/hwp5nfjm/3/


--------------------
Go to the top of the page
+Quote Post
niveamen
post 25.08.2014, 17:43:01
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 22.08.2014

Ostrzeżenie: (0%)
-----


Wszystko ładnie śmiga, dziękuję ;]

Ten post edytował niveamen 25.08.2014, 17:49:58
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 16.04.2024 - 21:46