Složitý hover efekt

Knour585:
Co mame vyriesit? Akosi nerozumiem tvojmu problemu... Ale to bude asi tym ze si ziadny nenapisal.

Já bych ten složitý hover efekt udělal stejně, jako ten jednoduchý :-) Přes CSS.

Knour585:
koukni se, jak je dělané klasické hover menu - kombinací vertikálního a horizontálního se dostaneš ke kýženému výsledku.

Nic těžkého to není, jen se toho nebát.

Knour585:
Reagoval jsem jen tak, protože žádný obrázek se mi v diskusi neobjevuje...

To co požaduješ, tak to přes CSS nepůjde udělat. Na čtvrtém obrázku by to mohlo vypadat tak, že tam, kde je kurzor bude světle modrý, ale ty předchozí dva budou stejnou barvou - to samou, jako je při hoveru.

Takže jedině přes JavaScript.


panther:
Jsou dva stavy - normální a hover, nevím kde chceš definovat ten třetí (?)

Ano, tzn. budeš mít ty jednotlivé čtverce v sobě zanořené.



Odkazy proto, aby to fungovalo i v IE, kde nefunguje :hover jinde, než na odkazech.

Ale budeš mít jen dvě barvy.

joe:
[#6] - nechápu, co tím myslíš. Nepotřebuju mít tři stavy.

[#9] - tohle je totální nesmysl.

Nevím, k čemu to má sloužit, proto nevím, jaký vybrat element. Ukážu to na příkladě s menu, který jsem neznačil.

Jak zde padlo, IE neumí hoverovat jinde než na odkazu - dohledej si, jak se to řeší právě u zmiňovaných menu.

panther:
Z obrázku je celkem patrné, že hned první element má mít tři barvy (výchozí, hover na něm a pokud je kurzor na jeho dítěti).

„[#9] - tohle je totální nesmysl.“
:-) Nesmysl to určitě není, jen je to funkční řešení pro IE, kde nefunguje :hover jinde, než na odkazech. Není žádný důvod k používání takových nesmyslů, jako je soubor s názvem "hover.htc" či podobným. Tvé řešení sice funguje, pravda, ale ne ve všech IE.
(S tím, že ten třetí stav nastavuješ na li:hover, to je ten, o kterém jsem psal. Tzn. potřebuješ stavy tři.)

joe:
„Nesmysl to určitě není“
je. Odkaz v odkazu je ze své podstaty (sémantický) nesmyslný. Mysli si co chceš, debaty o tomhle mě nebaví - obzvláště, když jednou říkáš něco a podruhé něco jiného.

Navíc, pokud jsem se trefil a má to být skutečně menu, jediné správné řešení je seznam.

panther:
„Odkaz v odkazu je ze své podstaty (sémantický) nesmyslný.“
Možná není sémantický, možná není validní, ale je funkční.

„když jednou říkáš něco a podruhé něco“
To jsou dvě odlišná témata, nevím proč je spojuješ dohromady.

„jediné správné řešení je seznam.“
Menu je menu, proč tedy seznam, pokud už se snažíš být jó moderní.

joe:
„To jsou dvě odlišná témata, nevím proč je spojuješ dohromady.“
v jednom na IE dlabeš, v druhém si hraješ na jeho ochránce. Asi jak se ti to kde hodí. A kde jaký zrovna najdeš argument.

„Menu je menu, proč tedy seznam“
<menu> je taky seznam. A na <menu> nic moderního není, je tu dlouho jak Webylon.


Jestli chceš v téhle debatě pokračovat, založ si vlastní vlákno. V tomto vlákně tahle debata končí a zbytek bude mazán.

Reaguji na joa:
„Nesmysl to určitě není, jen je to funkční řešení pro IE“
Fakt funkční? Tobě jde dát odkaz do odkazu? Bez tabulky těžko.

„Možná není sémantický, možná není validní, ale je funkční.“
Ukaž.

Knour585:
„dají takovou nereálnou věc...“
není to nereálné, mohlo by to být obyčejné tříúrovňové menu.

„je to jako zkušební zadání“
na pozici kodéra? To bych se tam být tebou ani nehlásil, když nedokážeš dát dohromady nebo alespoň pochopit tohle. Kdybys tohle řekl dřív, ani jsem to nepsal - přijde mi to nefér vůči té společnosti.

Však ono na tebe dojde - neznalosti nezamaskuješ.

Knour585:
„Dal sem poslednímu odkazu třídu“
třídy jsou zbytečné, vše lze zaměřit kontextem. Já je taky nepotřeboval - ani, kdybych chtěl ještě šachovat s tou poslední úrovní.

Chamurappi:
Hmm zajímavé, asi to nefunguje. Měl jsem za to, že by s tím problém být neměl, už proto, jak jsem četl v nějakém článku (pokud se nepletu, tak to bylo v době, kdy jsem psal, že validátor obsahuje chyby pokud uznává blokové elementy v odkazu. V článku se psalo, že problém je, pokud je tam obsažen další odkaz uvnitř odkazu, že v některých případech nefunguje - není klikatelný). Očekával jsem, že to bude tedy fungovat. Moje chyba a poučení pro příště.

panther:
„v jednom na IE dlabeš, v druhém si hraješ na jeho ochránce“
A ty se zase bráníš sémantikou, i když ji plně nevyužíváš.

Z obrázku nebylo na první pohled jasné, že se jedná o menu nebo nějaký seznam.

„V tomto vlákně tahle debata končí a zbytek bude mazán.“
Zajímavé, od té doby co jsi to psal, jsi přispěl dalšíma dvěma příspěvkama :-) Asi jsi to nemyslel moc vážně.

„na pozici kodéra? To bych se tam být tebou ani nehlásil, když nedokážeš dát dohromady nebo alespoň pochopit tohle. Kdybys tohle řekl dřív, ani jsem to nepsal - přijde mi to nefér vůči té společnosti.“
Na takové pozice občas dávají zbytečně těžké úkoly, tento je asi tak na hraně, přiznej si, kolikrát toto na stránkách použiješ.


Nicméně to je vyřešeno, omlouvám se za chyby, co jsem napsal a způsobil.

joe:
„A ty se zase bráníš sémantikou, i když ji plně nevyužíváš.“
použít na menu <ul> není až tak špatně, jak se může zdát. <menu> žádné výhody oproti <ul> nemá.

„Na takové pozice občas dávají zbytečně těžké úkoly“
samozřejmě. Oddělení zrna od plev. Taky bych raději přijmul zdatného profesionála, než začátečníka, který umí krásný dvousloupcový layout a nic víc. Protože si myslí, že to nikdy nebude potřebovat. Právě pořádné zadání rozhoduje, kdo co umí.

„přiznej si, kolikrát toto na stránkách použiješ.“
mockrát ne, ale jako kodér to napíšu během chvíle - není to nic těžkého, nad čím by měl kodér dumat nebo žádat pomoc na diskusním fóru.

panther:
„použít na menu <ul> není až tak špatně“
Neříkám, že je to špatně, ale je to více sémantické (když jsi tu sémantiku tak vyzdvihl).

„samozřejmě. Oddělení zrna od plev. Taky bych raději přijmul zdatného profesionála, než začátečníka“
Profesionál zase bude očekávat vyšší plat, i přeš to, že dokáže věci, které nikdy dělat nebude (polož si otázku, jestli to není zbytečné?)

„mockrát ne, ale jako kodér to napíšu během chvíle - není to nic těžkého“
Těžké to není, ale myslím, že je velmi málo kodérů, co dokážou všechno. Je lepší se zeptat, než nad tím zbytečně dumat. A pokud to bereš takhle, pak bys mohl říct, že ten kdo si sám nenaprogramuje dokonalý framework, ten není programátor...

Jinak myslím, že dalším pokračováním bysme se ještě více odchýlili od tématu. Vše potřebné jsi tu už napsal (tím myslím CSS) a nemá cenu pokračovat v diskusi.