Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyśrodkowanie linków paginacji na stronie
Forum PHP.pl > Forum > Przedszkole
Vion
Witam
Chciałbym zrobić linki paginacji na stronie, ale chciałbym żeby były one w jednej linii. Lecz na mojej stronie wszytko jest w innej linii, można to zobaczyć na http://trzebiszewo.pl/index.php?page=2

o to plik ze stylami
  1. .links {
  2.  
  3. display: block;
  4.  
  5.  
  6.  
  7. width: 100px;
  8.  
  9. height: 20px;
  10.  
  11.  
  12.  
  13. background: url(images/img05.jpg) no-repeat left top;
  14.  
  15. text-align: center;
  16.  
  17. text-decoration: none;
  18.  
  19. font-size:12px;
  20.  
  21. padding:1px;
  22.  
  23. color: #FFFFFF;
  24.  
  25.  
  26.  
  27. }
  28.  
  29. .number {
  30.  
  31. display: block;
  32.  
  33.  
  34.  
  35. width: 21px;
  36.  
  37. height: 20px;
  38.  
  39.  
  40.  
  41. background: url(images/number.jpg) no-repeat left top;
  42.  
  43. text-align: center;
  44.  
  45. text-decoration: none;
  46.  
  47. font-size:12px;
  48.  
  49. padding:1px;
  50.  
  51. color: #FFFFFF;
  52.  
  53.  
  54.  
  55. }


a o to plik wyświetlający linki

  1. echo "<center><a style=\"text-decoration:none;\"class=\"links\" href='$nextLink'>Dalej</a>";
  2.  
  3. echo "<center><a style=\"text-decoration:none;\"class=\"number\" href='$page'>" . $page . "</a>";
  4.  
  5. echo "<center><a style=\"text-decoration:none;\"class=\"links\" href='$prevLink'>Wstecz</a>";
krzywy36
Dodaj do linków display: block; i float: left;

Edit: nie chcę oceniać ale kod jest po prostu straszny oO
Vion
niestety nie działa sad.gif
krzywy36
działa, bo przed chwilą próbowałem firebugiem. Dodaj wszystkim trzem linkom w stylach display: block; i float: left;

Edit: albo po prostu wsadź wszystkie 3 linki w jednego diva i powinno działać, i wywal te centery bo szpecą kod i Ci się nie zwalidują.
Edit2: mały offtop - nie musisz wsadzać <br> pomiędzy divami, one same domyślnie wyświetlają się w nowej lini.
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.