Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML]podswietlanie kilku div jednoczesnie
--lucas666--
post
Post #1





Goście







mam problem, ktory wydaje sie dosc prosy, ale nie moge nigdzie znalezc rozwiazania...

mam przykladowo kilka div'ow o rownych klasach. Jak zrobic, aby przy najechaniu na ktorykolwiek podswietlaly sie wszystkie?

  1. <div class="jeden"></div>
  2. <div class="dwa"></div>
  3. <div class="trzy"></div>



Jesli zrobie tak:
.jeden:hover {
...
}

podswietli sie tylko jeden...

Da rade to zrobic samym CSS, czy trzeba uzyc JavaScript?

Z gory dzieki za odpowiedz
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Necsord
post
Post #2





Grupa: Zarejestrowani
Postów: 189
Pomógł: 60
Dołączył: 5.10.2010
Skąd: Bydgoszcz

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


Jeżeli elementy są obok siebie przylegające, to możesz dać kontener grupujący je i na niego dac :hover'a. W innym przypadku samym CSS'em nie można tego osiągnąć.
Go to the top of the page
+Quote Post
-Gość-
post
Post #3





Goście







Cytat(Necsord @ 24.03.2012, 13:25:41 ) *
Jeżeli elementy są obok siebie przylegające, to możesz dać kontener grupujący je i na niego dac :hover'a. W innym przypadku samym CSS'em nie można tego osiągnąć.

ale jak mam odstepy miedzy nimi, to w przerwach bedzie przybieralo kolor podswietlenia?
Go to the top of the page
+Quote Post
crocodillo
post
Post #4





Grupa: Zarejestrowani
Postów: 215
Pomógł: 44
Dołączył: 31.07.2011
Skąd: wrocław

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


Cytat(Gość @ 24.03.2012, 14:30:00 ) *
ale jak mam odstepy miedzy nimi, to w przerwach bedzie przybieralo kolor podswietlenia?


Masz tu przykład z przerwami:

  1. .t1 {height:0px;}
  2. .t1:hover div {background-color:#ff0;}
  3. .t2 { background-color:#faa}
  4. .t3 { background-color:#afa}
  5. .t4 { background-color:#aaf}
  6. .t4, .t2, .t3 {
  7. padding:20px;
  8. float:left;
  9. width:20%;
  10. margin:20px;
  11. }
  12. <div class="t1">
  13. <div class="t2">
  14. 1111111
  15. </div>
  16. <div class="t3">
  17. 2222222
  18. </div>
  19. <div class="t4">
  20. 3333333
  21. </div>
  22. </div>
Go to the top of the page
+Quote Post
--lucas666--
post
Post #5





Goście







Cytat(crocodillo @ 24.03.2012, 13:33:11 ) *
Masz tu przykład z przerwami:

  1. .t1 {height:0px;}
  2. .t1:hover div {background-color:#ff0;}
  3. .t2 { background-color:#faa}
  4. .t3 { background-color:#afa}
  5. .t4 { background-color:#aaf}
  6. .t4, .t2, .t3 {
  7. padding:20px;
  8. float:left;
  9. width:20%;
  10. margin:20px;
  11. }
  12. <div class="t1">
  13. <div class="t2">
  14. 1111111
  15. </div>
  16. <div class="t3">
  17. 2222222
  18. </div>
  19. <div class="t4">
  20. 3333333
  21. </div>
  22. </div>




faktycznie dziala!!!
Dzięki wielkie.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 12.10.2025 - 04:41