[JavaScript][HTML]podswietlanie kilku div jednoczesnie Opcje

[--lucas666--]

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?

[HTML] pobierz, plaintext 
<div class="jeden"></div>
<div class="dwa"></div>
<div class="trzy"></div>
[HTML] pobierz, plaintext 

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

podswietli sie tylko jeden...

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

Z gory dzieki za odpowiedz

[Dapi]

Samym CSS nie da rady.
Najłatwiej funkcje napisać w JS i wywoływać przy każdym najechaniu.

[JustHuman4]

A według mnie dałoby się zrobić to w css. Tylko rozwiń jakoś to pytanie bo tego nie widzę

[Necsord]

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ąć.

[--lucas666--]

chodzi mi o to, ze jak najade np. na div "jeden" i wszytskie trzy zmieniaja np. background-image, to samo jak najade na "dwa" i "trzy".

[-Gość-]

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?

[crocodillo]

Tak jak Nescord napisał.

np:

[HTML] pobierz, plaintext 
<style>
    .t1:hover div {background-color:#ff0;}
    .t2 { background-color:#faa}
    .t3 { background-color:#afa}
    .t4 { background-color:#aaf}
    .t4, .t2, .t3 {
        padding:20px;
        float:left;
        width:20%;
    }
</style>
<div class="t1">
    <div class="t2">
        1111111
    </div>
    <div class="t3">
        2222222
    </div>
    <div class="t4">
        3333333
    </div>
</div>
[HTML] pobierz, plaintext 

Inaczej trzeba za pomocą js

[GoOx]

a nie lepiej zorbić tak?

[HTML] pobierz, plaintext 
#wszystkie :hover {
coś tam
}
$wszystkie .jeden {}
#wszystkie .dwa {}
#wszytskie .trzy {}
[HTML] pobierz, plaintext 

[crocodillo]

ale jak mam odstepy miedzy nimi, to w przerwach bedzie przybieralo kolor podswietlenia?

Masz tu przykład z przerwami:

[HTML] pobierz, plaintext 
<style>
    .t1 {height:0px;}
    .t1:hover div {background-color:#ff0;}
    .t2 { background-color:#faa}
    .t3 { background-color:#afa}
    .t4 { background-color:#aaf}
    .t4, .t2, .t3 {
        padding:20px;
        float:left;
        width:20%;
        margin:20px;
    }
</style>
<div class="t1">
    <div class="t2">
        1111111
    </div>
    <div class="t3">
        2222222
    </div>
    <div class="t4">
        3333333
    </div>
</div>
[HTML] pobierz, plaintext 

[--lucas666--]

Masz tu przykład z przerwami:

[HTML] pobierz, plaintext 
<style>
    .t1 {height:0px;}
    .t1:hover div {background-color:#ff0;}
    .t2 { background-color:#faa}
    .t3 { background-color:#afa}
    .t4 { background-color:#aaf}
    .t4, .t2, .t3 {
        padding:20px;
        float:left;
        width:20%;
        margin:20px;
    }
</style>
<div class="t1">
    <div class="t2">
        1111111
    </div>
    <div class="t3">
        2222222
    </div>
    <div class="t4">
        3333333
    </div>
</div>
[HTML] pobierz, plaintext 

faktycznie dziala!!!
Dzięki wielkie.