Menu hover, problema iPhone, iPad e Smartphone

[gahan]

Salve,
ho un menu in HTML+CSS e con l'hover su ciascuna voce appare un sottomenu.
Il problema è che sui dispositivi mobili sopracitati non funziona.

Ecco i codici:

<div id="menu">
			    <ul>
			        <li>who<div class="pulsanti"><a href="#">philosophy</a><a href="#">story</a><a href="#">press</a></div></li><li>what<div class="pulsanti"><a href="#">moda</a><a href="cultura.php">cultura</a><a href="#">spettacolo</a></div></li>
				</ul>	
			</div>

#conteiner #left #menu {position:relative;top:0;}
#conteiner #left #menu ul {list-style-type:none;padding:0; margin:0;}
#conteiner #left #menu ul li{display:inline;font:101px gothic;color:#444;letter-spacing:-2px;cursor:default;}
#conteiner #left #menu ul li:hover{color:#fff;}
#conteiner #left #menu ul li div.pulsanti {display:none;position:absolute;}
#conteiner #left #menu ul li:hover div.pulsanti { display:block; top:95px;left:10px; height:0;}
#conteiner #left #menu ul li:hover div.pulsanti a{position:relative;float:left;font:40px gothic;color:#666;text-decoration:none;}
#conteiner #left #menu ul li:hover div.pulsanti a:hover{color:#fff;}

Grazie.

[widoz83]

direi che non è un problema di codice ma dato dal fatto che per loro natura, i dispositivi mobili non hanno un puntatore e quindi l'hover non funziona. Avrebbe quindi più senso un click (tap) per attivare il menu su dispositivi mobili. Una soluzione in javascript per attivare i menu sull'evento onclick.

Non so poi se esiste qualche metodo particolare (o qualche libreria) che simuli l'hover anche su dispositivi mobili.

[gahan]

Ciao widoz, grazie per la risposta.

Però è molto strano, perchè per esempio i seguenti codici fungono perfettamente.

<style>
p:hover a {
    color: red;
}
</style>
<p><a href="/">Test me</a></p>

<style>
    p span {
        display: none;
    }
    
    p:hover span {
        display: inline;
    }
</style>
<p><a href="/">Tap me</a><span>You tapped!</span></p>

[widoz83]

al momento non posso provare i tuoi esempi. Una curiosità: nel secondo esempio, lo span appare subito al primo tap?

Secondo me comunque, poichè è proprio un "tap" quello che esegui, ha più senso ed è più corretto gestire un evento onclick, poi magari mi sbaglio e verrò smentito dai prossimi post

Ciao

[widoz83]

Una cosa sul codice css, non è un errore, solo un consiglio...puoi benissimo evitare di inserire tre selettori di id (univoci), è sufficiente solamente #menu.

Se provi a far validare da qualche strumento online il css, in quel punto ti verrebbe fuori un bel warning

Ciao

[gahan]

Si si, al primo tap compare subito lo span