jak tu nadac styl? Opcje

[hmmm]

w pliku ze stylami mam nadany kolor tla dla klas kolor1 i kolor2.

mam taki fragment kodu xhtml:

[HTML] pobierz, plaintext 
<div class="link" onmouseover="this.style.backgroundColor = '#e5e5e5';" onmouseout="this.style.backgroundColor = 'ddd';">
[HTML] pobierz, plaintext 

moje pytanie brzmi - czy zamiast kilkunastu literek kodu js do okreslenia koloru tla moge tam jakos nadac styl? jezeli tak, to jak - nie znam js :/

[dr_bonzo]

powinno zadzialac (nie wiem czy to jest zgodne ze specyfikacja czy nie):

Kod

<div class="link">...</div>

CSS:

div.link
{
background-color: #111111;
}

div.link:hover
{
background-color: #dddddd;
}

[orson]

witam

jest zgodne ze specyfikacja ale ie to oleje ... wiec trzeba dodawac wiecej ... ale jak juz dodajesz to polecam uzywac: this.className = '<klasa>' ... wtedy mozesz zmieniac na raz kilka wlasciwosci [kolor, tlo, kursor, czionke itp.]

pozdrawiam

[sirrus]

No cóż, niekoniecznie IE to oleje, ale proponuje umieścić kolor jako 'background' a nie 'background-color' i w ten sposób, jak pisał kolega powyżej czyli a i a:hover.

A tak apropo, metoda zaproponowana przez Ciebie jest nieco kiepska i mimo iż z reguły działa, to jednak zdecydowanie nie jest zalecana.

Ten post edytował sirrus 19.02.2005, 09:16:20

[hmmm]

@sirrus piszac o stosowanej metodzie, to miales na mysli mnie?
jezeli tak, to uprzedzalem, ze nie znam js i byc moze stad tak kiepskie rozwiazanie :)

no mam juz to, o co mi chodzilo.
sklepalem cos takiego:

[HTML] pobierz, plaintext 
<!-- przykladowy link -->
<div class="link1-0">
        <div class="link1-2" onmouseover="this.className = 'link1-1';" onmouseout="this.className = 'link1-2';">
        <a href="strona.php?strona=ksiega">ksiega gosci</a>
        </div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował hmmm 19.02.2005, 11:36:46

[sirrus]

Tak, miałem na myśli Ciebie, nie polecam szczerze powiedziawszy tej metody.

Kod

a { background: #000000 }
a:hover { background: #FFFFFF }

Tak wygląda moje rozwiązanie , oczywiście a można podzielić na klasy lub stworzyć wygląd odnośników w zależności od stosowanej klasy czy identyfikatora zasobnika DIV.

Kod

a.jakasklasa { background: #EFEFEF }
a.jakasklasa:hover { background: #FFFFFF }

lub drugi przypadek

Kod

div#jakisid { font: 10px Tahoma }
div#jakisid a { background: #EFEFEF }
div#jakisid a:hover { background: #FFFFFF }

Napisałem w ten sposób, aby nawet dla laików było zrozumiałe, mam nadzieję że jest ok.

Ten post edytował sirrus 19.02.2005, 14:19:14