Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP] Położenie obrazków
Forum PHP.pl > Forum > Przedszkole
niveamen
25.08.2014, 01:54:20
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


[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext
toffiak
25.08.2014, 06:04:44
http://jsfiddle.net/hwp5nfjm/3/
niveamen
25.08.2014, 17:43:01
Wszystko ładnie śmiga, dziękuję ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.