Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Wyśrodkowanie linków paginacji na stronie
Vion
post 3.03.2011, 18:31:45
Post #1





Grupa: Zarejestrowani
Postów: 112
Pomógł: 2
Dołączył: 27.06.2008

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


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>";


--------------------
www.zapalara.pl
Go to the top of the page
+Quote Post
krzywy36
post 3.03.2011, 18:45:46
Post #2





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


Dodaj do linków display: block; i float: left;

Edit: nie chcę oceniać ale kod jest po prostu straszny oO

Ten post edytował krzywy36 3.03.2011, 18:48:53


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
Vion
post 3.03.2011, 18:48:31
Post #3





Grupa: Zarejestrowani
Postów: 112
Pomógł: 2
Dołączył: 27.06.2008

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


niestety nie działa sad.gif


--------------------
www.zapalara.pl
Go to the top of the page
+Quote Post
krzywy36
post 3.03.2011, 18:49:46
Post #4





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


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.

Ten post edytował krzywy36 3.03.2011, 18:52:37


--------------------
pretty as a shit.
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: 13.08.2025 - 22:48