Witajcie,

Mam do zrobienia menu, gdzie sa zakladki, a kazda zakladka ma 3 cienie
(lewa i prawa strona, oraz nad srodkowa).

Kazda pozycja w menu to

<div class="lewaKrawedz"></div>
<div class="srodek"><a href="#">Pozycja</a></div>
<div class="prawaKrawedz"></div>

I moje pytanie brzmi - czy mozna to jakos rozwiazac za pomoca styli dla
li oraz ... jak ugryzc temat zmiany 3 klas przy onmouseover na
class="srodek" - po najechaniu myszka ma zmienic sie background dla tych
3 klas.

M.

do góry

Mikołaj Jopczyński, Tychy Online wrote:
> I moje pytanie brzmi - czy mozna to jakos rozwiazac za pomoca styli dla
> li oraz ... jak ugryzc temat zmiany 3 klas przy onmouseover na
> class="srodek" - po najechaniu myszka ma zmienic sie background dla tych
> 3 klas.

Może coś w ten deseń:

<style type="text/css">
ul li:hover .lewa,
ul li:hover .srodek,
ul li:hover .prawa
{
background-color: green;
}
</style>
<ul>
<li>
<span class="lewa">L</span>
<span class="srodek">S</span>
<span class="prawa">P</span>
</li>
</ul>

do góry

Mikołaj Jopczyński, Tychy Online pisze:
> Mam do zrobienia menu, gdzie sa zakladki, a kazda zakladka ma 3 cienie
> (lewa i prawa strona, oraz nad srodkowa).

Pokaż te cienie.

> Kazda pozycja w menu to
>
> <div class="lewaKrawedz"></div>
> <div class="srodek"><a href="#">Pozycja</a></div>
> <div class="prawaKrawedz"></div>

matko bosko czestohosko, z onetu to wziąłeś? ;]
Jak już naparzasz po elemencie na każdy obrazek, to pakuj elementy jeden
do drugiego.
<a href="adres.html"><span><span>Link</span></span></a>

> I moje pytanie brzmi - czy mozna to jakos rozwiazac za pomoca styli dla
> li oraz ... jak ugryzc temat zmiany 3 klas przy onmouseover na
> class="srodek" - po najechaniu myszka ma zmienic sie background dla tych
> 3 klas.

Nie używać onmouseover tylko :hover (i :focus)
a:hover, a:focus { pierwszy cien }
a:hover span, a:focus span { drugi cien }
a:hover span span, a:focus span span { trzeci cien }


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Paweł Piskorz pisze:
> Mikołaj Jopczyński, Tychy Online pisze:
>> Mam do zrobienia menu, gdzie sa zakladki, a kazda zakladka ma 3 cienie
>> (lewa i prawa strona, oraz nad srodkowa).
>
> Pokaż te cienie.

http://img199.imageshack.us/img199/2992/promb.jpg

> matko bosko czestohosko, z onetu to wziąłeś? ;]
> Jak już naparzasz po elemencie na każdy obrazek, to pakuj elementy jeden
> do drugiego.
> <a href="adres.html"><span><span>Link</span></span></a>

Kazda zakladka sklada sie z 3 elementow. Jezeli znasz lepszy sposob, to
chetnie "wyslucham" ?

> Nie używać onmouseover tylko :hover (i :focus)
> a:hover, a:focus { pierwszy cien }
> a:hover span, a:focus span { drugi cien }
> a:hover span span, a:focus span span { trzeci cien }

No i wlasnie o to mi chodzilo, jak przy :hover zastosowac zmiane stylu
dla 3 roznych klas (kazdy element jednej zakladki).

M.

do góry

Mikołaj Jopczyński, Tychy Online pisze:
> Paweł Piskorz pisze:
>> Mikołaj Jopczyński, Tychy Online pisze:
>>> Mam do zrobienia menu, gdzie sa zakladki, a kazda zakladka ma 3 cienie
>>> (lewa i prawa strona, oraz nad srodkowa).
>>
>> Pokaż te cienie.
>
> http://img199.imageshack.us/img199/2992/promb.jpg

Dla takiego przypadku wystarczą Ci 2 cienie, lewy robisz baaaaaaardzo
szeroki (łącząc lewy + środek), a w prawym tylko krawędź prawa.

>> matko bosko czestohosko, z onetu to wziąłeś? ;]
>> Jak już naparzasz po elemencie na każdy obrazek, to pakuj elementy jeden
>> do drugiego.
>> <a href="adres.html"><span><span>Link</span></span></a>
>
> Kazda zakladka sklada sie z 3 elementow. Jezeli znasz lepszy sposob, to
> chetnie "wyslucham" ?

Toć podałem wyżej ;]


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

ant pisze:

> <ul>
> <li>
> <span class="lewa">L</span>
> <span class="srodek">S</span>
> <span class="prawa">P</span>
> </li>
> </ul>

O tym nie pomyslalem, zeby wiecej elementow wpakowac w li ;) Dzieki :)

M.

do góry