.mainul li ul a, .mainul li ul a.inact {
...hodnoty pre normalnu a neaktivnu polozku
}
.mainul li ul a:hover {
...hodnoty osvieteneho linku
}
.mainul li ul a.rodic, .mainul li ul a.irodic {
..hodnoty linku, ktory je rodic, a ktory je neaktivny rodic
}
.mainul li ul a.rodic:hover, .mainul li ul a.jsrodic {
..hodnoty osvieteneho linku rodica a "javascript rodic" - tato trieda je priradena skriptom
}
menu vyzera takto
<ul class=mainul>
<li><a href=#><img src=...></a></li> // hlavne polozky
<li><a href=#><img src=...></a></li> // hlavne polozky
<li><a href=#><img src=...></a> // hlavne polozky
<ul>
<li><a href=#>obycajna polozka</a></li>
<li><a href=# class=inact>neaktivna polozka, ma sa chovat tak isto ako normalna polozka iba sa nema osvietovat pri hover, preto ina trieda</a></li>
<li><a href=# class=rodic>Rodic, osvietuje sa pri mouse over</a>
<ul class=menupopchild><li><a href=#>dalsia normalna polozka VNORENA v tagu LI rodica</a></li>
<li><a href=# class=irodic>NEAKTIVNY RODIC, ma sa chovat ako rodic len nema existovat udalost hover, preto ina trieda</a>
<ul class=menupopchild>.................</ul>
</li></ul></li></ul>
<li><a href=#><img src=...></a></li> // hlavne polozky
<li><a href=#><img src=...></a></li> // hlavne polozky
</ul>
Problem je, ze tiredy pre neaktivne polozky inact a irodic ako keby neexistovali, proste sa polozky spravaju ako normalni rodicia alebo polozky, pri prejdeni mysou sa aplikuje hover trieda a:hover a a.rodic:hover aj ked je class=inact alebo irodic. Co robim zle? Dakujem
..ak by ste chceli, stranka je na adrese http://deltaclubba.sk/testing a styl je na adrese http://deltaclubba.sk/testing/styl.php
tieda irodic funguje korektne v FF a OP, ale v IE nie
tak isto inact nefunguje v ziadnom prehliadaci