Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: css
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
john_doe
Witam,

zrobiłem sobie stronicowanie wyników i teraz chciałbym aby poszczególne linki do stron pojawiały się w takich podobnych kwadracikach jak tutaj na forum. Dodatkowo chciałbym by kwadracik po najechaniu zmieniał kolor.

skleiłem takiego cssa

  1. .najazd :hover
  2. {
  3.  
  4. background-color: green;
  5.  
  6. }
  7.  
  8. .najazd
  9. {
  10.  
  11. width: 20px;
  12. height: 23px;
  13. border: 2px solid red;
  14. text-align: center;
  15.  
  16. }


i potem
  1. <div class="najazd">
  2. <a href="#">1</a>
  3. </div>


podświetla mi się tylko link a nie cały DIV. Jakieś wskazówki jak takie coś się robi?
piotrooo89
ja bym to tak zrobił:

  1. <style type="text/css">
  2. .najazd
  3. {
  4. width: 20px;
  5. height: 23px;
  6. border: 2px solid red;
  7. text-align: center;
  8. }
  9. .najazd a
  10. {
  11. display: block;
  12. height: 23px;
  13. }
  14. .najazd a:hover
  15. {
  16. background-color: green;
  17. }
  18.  
  19. <div class="najazd">
  20. <a href="#">1</a>
  21. </div>


co by kIEpski nie miał problemu.
john_doe
nie chcialbym zakładać nowego wątku....

te divy wyświetlają mi się teraz jeden pod drugim. float: left mi się nie podaba też. Jak temu zaradzić?

pozdro
piotrooo89
czemu float: left Ci się nie podoba?
wookieb
Nie musi być z display:block dla a
Kod
div.najazd:hover
{
background-color: green;
}


Dla ie musisz dodać http://www.xs4all.nl/~peterned/csshover.html
john_doe
piotroo bo jak daje float: left to moje stronicowanie zmyka mi cale na lewo. Owszem bloki stoją obok siebie ale zupelnie po lewej stronie a nie na środku ekranu sad.gif
wookieb
Bo takie coś robi się w liście (ul) z display: inline; i w środku wstawionymi linkami.
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.