Salve, ho notato che alcune impostazioni per elenchi puntati non sono viste da alcuni browser per smartphone:
codice:
ul {
list-style-type: none;
}
li {
display: inline;
padding-right: 10px;
background-color: inherit;
}
li a {
display: inline-block;
background-color: inherit;
}
Per esempio sul browser predefinito di Android si vedono le varie voci in linea, mentre su Chrome per Android appare l'elenco puntato nonché le voci incolonnate.
Il device offerto da Chrome visualizza le voci in linea, mentre il Samsung S3 emulato con Genymotion mostra l'elenco puntato e le voci incolonnate.
Al momento l'unica spiegazione che ho trovato è una qualche interferenza con un codice JavaScript usato per un menù a tendina, che ne rimpiazza un altro mal funzionante su smartphone (vede le pagine da aprire come pop-up e le blocca).
Il JS che blocca il menù a tendina ma fa interpretare il css di cui sopra è questo:
codice:
<SCRIPT LANGUAGE="JavaScript"><!--function go(what) {
value = what.options[what.selectedIndex].value;
if (value == '') return;
window.open(value, '_blank') = value;
}
//--></SCRIPT>
Mentre il JS che fa funzionare il menù a tendina ma occulta il css è:
codice:
<SCRIPT LANGUAGE="JavaScript"> <!--
function Menu(links) {
location.href = links[links.selectedIndex].value;
}
//-->
</SCRIPT>
Entrambi i JS sono presi da guide di HTML.it.