Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> css, podswietlenie diva
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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

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

[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


i potem 
[HTML] pobierz, plaintext 
  1. <div class="najazd">
  2. 	<a href="#">1</a>
  3.  </div>
[HTML] pobierz, plaintext


podświetla mi się tylko link a nie cały DIV. Jakieś wskazówki jak takie coś się robi?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
ja bym to tak zrobił:

[HTML] pobierz, plaintext 
  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. </style>
  19.  
  20. <div class="najazd">
  21. <a href="#">1</a>
  22. </div>
[HTML] pobierz, plaintext


co by kIEpski nie miał problemu.

Ten post edytował piotrooo89 20.04.2009, 12:29:07
Go to the top of the page
+Quote Post
john_doe
post
Post #3





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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

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
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
czemu float: left Ci się nie podoba?
Go to the top of the page
+Quote Post
wookieb
post
Post #5





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
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

Ten post edytował wookieb 20.04.2009, 13:26:14
Go to the top of the page
+Quote Post
john_doe
post
Post #6





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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

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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
wookieb
post
Post #7





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Bo takie coś robi się w liście (ul) z display: inline; i w środku wstawionymi linkami.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.03.2026 - 05:10
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn