Problikávání menu na webu

27. 4. 2011 10:12:03

Zdravím mám jeden problém, kdy na webu http://efektivninakup.cz problikává horní menu, vím o tom, že se to děje v Chromu a IE na FF to nepozoruji...

Nenapadá někoho z Vás možná příčina toho, proč by se to mohlo takto chovat? Mockrát předem děkuji za veškeré postřehy.

Lukáš

27. 4. 2011 10:12:03

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631692

Miloslav Lešetický

(10 hodnocení)

27. 4. 2011 10:26:58

Vinny.PCE.88

Nestudoval jsem podrobně CSS, ale podobně se chová IE, pokud při hoveru měníš obrázek. Zbavit se toho je poměrně snadné - stačí pouze měnit pozici obrázku na pozadí (podobné technice se říká CSS sprite), viz návod od Pixyho: http://www.wellstyled.com/css-nopreload-rollovers.html

27. 4. 2011 10:26:58

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631691

Michal Vaněk

(4 hodnocení)

27. 4. 2011 11:37:39

Trochu nerozumím otázce. Jako když se najede na "nabízené služby" a odtud na nějaké podmenu, tak proč hlavní menu ztratí hover?

27. 4. 2011 11:37:39

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631690

Petr

(9 hodnocení)

27. 4. 2011 11:46:40

mne to v chrome i ie neblika :-D btw. na buttony u formu dej -> cursor: pointer

27. 4. 2011 11:46:40

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631689

Michal Vaněk

(4 hodnocení)

27. 4. 2011 11:49:12

Já jsem to taky právě zkoušel v IE 7-9, chrome, ff 3-4 a nic :) tak mě už napadl jen ten hover jestli tím nebyl myšlený

27. 4. 2011 11:49:12

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631688

Lukáš Rolínek

(39 hodnocení)

27. 4. 2011 12:50:45

POINTER doplním... díky za upozornění... Co se týká toho problikávání, tak to se stane, když se v menu na něco klikne, tak při načítání stránky se naokamžik zobrazí nějaká šipka a celé menu problikne... Vypadá to jako kdyby se to vykreslilo podle nějakého CSS a následně by se to jiným CSS překreslilo a tak by to probliklo...

27. 4. 2011 12:50:45

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631687

Michal Vaněk

(4 hodnocení)

27. 4. 2011 13:04:08

Jo tohle... Děje se to kvůli tomu, že defaultně máš nastaveno pro všechny .li elementy tu šipečku. Potom se ti načítá milion JS skriptů. Až se tyto js skriupty načtou, tak teprve potom se ti načítají další css styly, ve kterých máš definované, že hlavní menu nemá mít odrážku.

Rada 1.

V hlavičce dej všechny css skripty a skripty vkládej až těsně před tagem

Pokud ti toto struktura nedovoluje, třeba kvůli posloupnosti jQuery atd... tak Rada 2.

První v hlavičce načti všechny css a až ponich natahuj JS skripty

27. 4. 2011 13:04:08

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631686

Jiří Kubala

(24 hodnocení)

27. 4. 2011 13:37:16

Ten background ze css styl.css řádek 47 přiřaď ne ul li {}, ale ul li ul li {background}.

27. 4. 2011 13:37:16

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631685

Michal Vaněk

(4 hodnocení)

27. 4. 2011 13:44:25

blbost... to má správně. nadefinuje si tím kompletně všechny seznamy.

Když už, tak jen hned za ul li {} hodit okamžitě ul.hlavniMenu li {zrušit background}

27. 4. 2011 13:44:25

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631684

Petr

(9 hodnocení)

27. 4. 2011 13:49:34

Napsal xHTMLkoder;650517
blbost... to má správně. nadefinuje si tím kompletně všechny seznamy.
Když už, tak jen hned za ul li {} hodit okamžitě ul.hlavniMenu li {zrušit background}

souhlas.. je to ok :-)

27. 4. 2011 13:49:34

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631683

Jiří Kubala

(24 hodnocení)

27. 4. 2011 13:55:31

Napsal xHTMLkoder;650517
Když už, tak jen hned za ul li {} hodit okamžitě ul.hlavniMenu li {zrušit background}

nebo... každopádně tím nic nezkazí, potřebuje odrážky tohoto typu přeci jen v menu, tímto bude muset zase odstraňovat obrázek u dalších případných odrážek v textu...

EDIT: Tak jo, má je i dole, nedíval jsem se pořádně :). Pokud ovšem napíšeš to co napsal xHTMLkoder, tak ti to vyhodí bg i u všech pododrážek v menu...

EDIT2: Napiš to za řádek 47: .ux-menu-horizontal li {background: none;}

27. 4. 2011 13:55:31

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631682

Michal Vaněk

(4 hodnocení)

27. 4. 2011 13:57:47

Napsal MaGnet;650522
nebo... každopádně tím nic nezkazí, potřebuje odrážky tohoto typu přeci jen v menu, tímto bude muset zase odstraňovat obrázek u dalších případných odrážek v textu...

Jak jenom v menu ? Hned na hlavní straně a snad každé další podstraně má seznam s odrážkami

---------- Příspěvek doplněn 27.04.2011 v 14:01 ----------

A vůbec. Proč tady toto řešíme? :)

Problém je takový, že css styly musí čekat než se načtou JS skripty. Jednoduše. Když už se nedá vyvarovat tomu, že musí být JS skripty v hlavičce, tak jako první se musí načíst všechny CSS a až potom všechny JS. aby nedocházelo k takovýmto kixům, když se někde dělá změna stylu.

27. 4. 2011 13:57:47

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631681

Jiří Kubala

(24 hodnocení)

27. 4. 2011 14:05:33

Nedíval jsem se pořádně, jen do menu, asi trochu přepracovaný... :) Každopádně s tím JS je to tak, jak píšeš samozřejmě... :)

27. 4. 2011 14:05:33

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631680

Lukáš Rolínek

(39 hodnocení)

27. 4. 2011 14:37:03

Tak paráda kluci... Už se nezobrazuje šipka... moje blbost... S tím pořadím načítání scriptů a CSS nějak moc nemohu, jelikož to si přiděluje systém Joomla na kterém to běží...

Nyní již problikává relativně málo... Ale cuknutí tam pořád je... Když jste na to koukali nenalezli jste ještě někde nějakou kolizi? Myslím, že by to mohlo být nějakým marginem, nebo paddingem, jelikož se to posouvá ze strany, kdy je to užší a pak se to rozleze...

27. 4. 2011 14:37:03

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631679

Michal Vaněk

(4 hodnocení)

27. 4. 2011 14:45:02

To není problém. to je pořád to, co říkám. Prostě když máš posloupnost:

css1

js1

js2

css2

--> Pokud něco nastavíš v css1, tak je to cajk. Provede se to ihned. ale pokud tu stejnou vlastnost přenastavíš v css2, tak ta změna se provede až poté, co se načte js1 a js2 a ve tvém případě, než se toto vše načte, je doba 2 - 3.4 sekundy

----

Takže pokud nemůžeš nijak hýbat s pořadím vkládání css a js v hlvaičce (joomlu neznám tak nevím,dělám vše vlastnoručně vždy), tak jediné, co mohu poradit, je přehodit všechny css do toho souboru, který se ti načítá jako první. Ještě před JS

27. 4. 2011 14:45:02

https://webtrh.cz/diskuse/problikavani-menu-na-webu#reply631678