Diskuze: Problem s CSS menu v iPhone a Android

HTML a CSS HTML a CSS Problem s CSS menu v iPhone a Android American English version English version

Avatar
cholerik
Člen
Avatar
cholerik:

Jsem temer zacatecnik a jiz delsi dobu se potykam s tim ze se mi CSS menu nerozbali v iPhone a Android, v aktualizovanych stolnich prohlizecich IE, Firefox, Chrome, Opera a Safari je vse OK. Prikladam vynatek ze stranky www.lipno-pocasi.cz/index2.html Pokud mi nekdo pomuze budu moc rad.

 
Odpovědět 22.2.2014 12:52
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na cholerik
Jiří Gracík:

Protože uživatel musí kliknout na to místo, kde máš nastavený hover, jinak se tam na mobilu nedá přesunout kurzor. Fungovalo by to, kdyby jsi odebral ten odkaz u Home-meteo

Nahoru Odpovědět 22.2.2014 12:58
Creating websites is awesome till you see the result in another browser ...
Avatar
cholerik
Člen
Avatar
Odpovídá na cholerik
cholerik:

Pardon samozrejme ze to vidim /vymazal jsem omylem >/ ale stejne na to na iPhone nejde kliknout aby se menu rozbalilo na stolnich prohlizecich ano. Ach jo dik za jakoukoliv radu abych mohl toto menu kde mam spousty odkazu atd rozchodit delam pro kamarady surfare informace o pocasi a hlavne grafy vetru samozrejme zadarmo :-) a jelikoz nejsem programator tak mne to stoji spostu casu.

 
Nahoru Odpovědět 22.2.2014 21:18
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na cholerik
Jiří Gracík:

určitě jsi odstranil jen

href="#"

?
nebo celý element

<a ...

?

Editováno 22.2.2014 21:34
Nahoru Odpovědět 22.2.2014 21:34
Creating websites is awesome till you see the result in another browser ...
Avatar
cholerik
Člen
Avatar
Odpovídá na Jiří Gracík
cholerik:

Zkusil jsem nechat jen <li class='has-sub'><a>Home-meteo a pak i <li class='has-sub'>Home-meteo a oboji v iPhone nefungovalo /rozbaleni/ diky jeste za snahu

 
Nahoru Odpovědět 22.2.2014 21:55
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na cholerik
Jiří Gracík:

Nemám to na čem testovat, takže ti bohužel víc nepomůžu.

// Možná by bylo nejlepší zkusit použít JS

Editováno 22.2.2014 22:00
Nahoru Odpovědět 22.2.2014 21:59
Creating websites is awesome till you see the result in another browser ...
Avatar
cholerik
Člen
Avatar
cholerik:

Dik za snahu umim jen trochu php javascript je pro mne zcela tabu i kdyz ho pouzivam /ruzne navody atd/ problem asi bude nekde v tom css zatim jsem na vse zdlouhave prisel ted bohuzel mej se

 
Nahoru Odpovědět 22.2.2014 22:14
Avatar
cholerik
Člen
Avatar
Odpovídá na cholerik
cholerik:

Jeste dotaz mel si pravdu problem je s tim hover nasel jsem na netu:

Ok the drop down menu is triggered via hower, as I said earlier with the comment, in touch devices a click event is equivalent to click and hover so it will not work directly,

if the hover menu item does not have a link, solution is

import modernizer to your coder http://modernizr.com/

convert the hover to double tap via javascript

$$('.mainmenu')­.doubleTap(fun­ction() {
$(this).toggle­Class('hover');
});

add class="mainmenu" to the list item

Hope this helps

Muzes mi poradit jak to tam zapasovat vubec netusim diky

 
Nahoru Odpovědět 22.2.2014 23:03
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.