NOVINKA - Vstup do světa AI s ONLINE víkendovým kurzem Práce s umělou inteligencí od A do Z. Přihlas se ještě dnes!
NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.

Diskuze: Problem s CSS menu v iPhone a Android

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
cholerik
Člen
Avatar
cholerik:22.2.2014 12:52

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
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na cholerik
Neaktivní uživatel:22.2.2014 12:58

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
Neaktivní uživatelský účet
Avatar
cholerik
Člen
Avatar
Odpovídá na Neaktivní uživatel
cholerik:22.2.2014 20:57

Dekuju moc za reakci odstranil jsem odkaz <a href="#"> a pak v menu nic neni videt, ale hlavne rozbali se pouze opet ve stolnich prohlizecich na iPhone nic prosim mrkni jete na to uz jsem z toho na masli, zajimave je to, ze pred nekolika dny mi menu OBCAS pouze v iPhone /na Androidu nikdy/chodilo zvlaste kdyz jsem nejprve kliknul na lite box, ted uz ani nahodou, pro mne nepochopitelne

 
Nahoru Odpovědět
22.2.2014 20:57
Avatar
cholerik
Člen
Avatar
Odpovídá na cholerik
cholerik:22.2.2014 21:18

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
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na cholerik
Neaktivní uživatel:22.2.2014 21:34

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
Neaktivní uživatelský účet
Avatar
cholerik
Člen
Avatar
Odpovídá na Neaktivní uživatel
cholerik:22.2.2014 21:55

Zkusil jsem nechat jen <li class='has-sub'><a>Home-meteo</a> 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
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na cholerik
Neaktivní uživatel:22.2.2014 21:59

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
Neaktivní uživatelský účet
Avatar
cholerik
Člen
Avatar
cholerik:22.2.2014 22:14

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:22.2.2014 23:03

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.