Visualizzazione su cellulari

[sviciani]

Salve,
io ho un sito internet scritto in HTML che mi reindirizza i cellulari su pagine apposite.
Le pagine per cellulari sono sempre in HTML e molto semplici e leggere.
Uso caratteri abbastanza piccoli (uno Swis da 9pt) ed allineo alcuni pulsanti a destra ed altri a sinistra.
Controllo il sito su un vecchio Nokia con tastiera T9 e va bene, su un Blackberry tradizionale e va bene, su LG touch piccolo e va bene.
L'ho provato sul nuovo Blackberry Z10 e la pagina mi appare scritta in caratteri microscopici.
Penso sia dovuto all'alta risoluzione di quello schermo.
Se faccio uno zoom, gli oggetti allineati a destra mi scompaiono e devo spostare lo schermo (fare un pan) per andare a cercarli.

E' possibile IMPORRE una risoluzione agli schermi dei cellulari in modo tale che gli oggetti vengano ingranditi?
Mi spiego: se la larghezza di uno schermo è 768 pixel, posso fare in modo che sia trattata come un 320 pixel ed ingrandire, di conseguenza, testo ed immagini?
In caso contrario, come si può fare ad avere una buona visualizzazione di un sito su TUTTI i cellulari? Soprattutto per il testo.

Grazie
Stefano Viciani

[Vincent.Zeno]

Originariamente inviato da sviciani
E' possibile IMPORRE una risoluzione agli schermi

manco per sogno

la tua questione si affronta con responsive design
http://www.html.it/guide/responsive-...sign-la-guida/

[sviciani]

Grazie, molto interessante.
Ci sto provando ben bene, ma incontro problemi fin dall'inizio.
Non riesco, per esempio, a ridimensionare le immagini quando rimpicciolisco la finestra del browser.
Premetto che ho una tabella dove, in ogni elemento, c'è una foto con didascalia che mi fa andare ad una sezione specifica (un menù a pulsanti messo in una griglia)
Ho usato nel CSS
img {max-width: 100%;}
ma non mi si ridimensionano.
Ho provato a scrivere
img {max-width: 100%; width: 100%;}
ma le immagini, che prima avevo limitato a 150px, mi appaiono in tutta la loro grandezza (sgranandosi perchè aumentano rispetto al valore originale)

Praticamente vorrei che le foto si potessero rimpicciolire ma non potessero diventare più grandi della loro dimensione originale

C'è una soluzione semplice?

Poi dovrò cercare di capire come non far apparire le didascalie ed alcune foto in caso di display piccolo..... ma cercherò di capirlo strada facendo.
Per adesso parto dalle immagini del menù principale....

[Vincent.Zeno]

le dimensioni in percentuali sono influenzate del contesto,
dovrai esser più specifico per queste questioni.

sposto in css


edit: ho visto solo ora il msg editato

[sviciani]

Non so se con la frase aggiunta ho chiarito quello che vorrei fare:
Praticamente vorrei che le foto si potessero rimpicciolire ma non potessero diventare più grandi della loro dimensione originale

Spero ci sia un modo....
[img]Immagini/Presentazione/11.jpg[/img]
Non funziona (il max-width non viene preso in considerazione)
Se tolgo il width non mi si ridimensiona più

Un bel rompicapo (per me)

[Cesar]

max-width: 100%; height: auto;

[sviciani]

Grazie,
ho un piccolo problema (eufemismo)
Siccome ho testo ed immagini dentro delle tabelle, come faccio a far funzionare la tua idea?
Fra l'altro, seguendo le indicazioni del "responsive design" cambio il carattere e le dimensioni delle foto a seconda della dimensione del display.

Che sappiate.... c'è un modo semplice per cambiare le dimensioni del testo all'interno di una tabella (al di fuori mi funziona)? E delle foto?

Questa sarebbe la soluzione più semplice in assoluto (poi avrò da sistemare anche altre cose che devo non visualizzare su schermi piccoli)
Grazie

PS: questo forum funziona con Tapatalk?

PPS: visto che ci siamo.... chiedo anche questa: posso far caricare delle immagini e testo na non farle vedere? Oppure non caricarle per niente?
Mi spiego.... in certe condizioni (display piccoli) vorrei non visualizzare alcune cose.
Come posso fare?
NON voglio utilizzare comandi che molti PC e cellulari non interpretano, altrimeni faccio un casino... (molti dei miei clienti usano ancora IE6 ed FF3....)
Se fosse possibile, potrei risolvere tutti i miei problemi facendo caricare una tabellaal posto di un'altra (nella tabelle userei caratteri di dimensioni diverse e foto più piccole)
Spero di essermi espresso in modo comprensibile

[Cesar]

Originariamente inviato da sviciani
Se fosse possibile, potrei risolvere tutti i miei problemi facendo caricare una tabellaal posto di un'altra (nella tabelle userei caratteri di dimensioni diverse e foto più piccole)
Spero di essermi espresso in modo comprensibile

Puoi usare display: none;

Resta il fatto che dovresti documentarti meglio su questo tema (responsive design), partendo dal link postato da Vincent.Zeno.

[sviciani]

Concordo con te Cesar.
Infatti mi sto studiando bene il tutto.
Sai qual'è il problema che incontro? La sintassi dei vari comandi.
Non ho un cross-reference adeguato (ero abituato a tomi di manuali dove i singoli comandi erano spiegati bene con tanto di paramteri, ecc...)

Per il momento cerco una soluzione provvisoria: riconosco se il visitatore ha un computer od un dispositivo mobile e rimando, eventualmente, ad un sito ridotto.
Nel CSS del sito ridotto, ridimensiono testo ed immagini (ci sono riuscito a trovare la sintassi giusta) a seconda dei pixel del dispositivo (secondo indicazioni di responsive design)
Ora ho da lavorarci un pò per sistemare tutte le pagine, poi avrò da provarlo su dei dispositivi mobili (andrò in un negozio tipo Mediaworld e fingerò di provare i cellulari a disposizione)

Successivamente proverò ad implementare un sito unico (come dice respondive design), ma senza un manuale preciso temo che sarò costretto a chiedere ancora aiuto.

Ho visto che il responsive fa uso di HTML5, giusto?
Per i cellulari non ci dovrebbero essere grossi problemi perchè hanno un "ricambio" veloce e quelli attuali supportano tutti, più o meno bene, HTML5.
Il problema mi sa che me lo ritrovo sui PC dove molti hanno ancora IE6 e similari..... quindi non so come comportarmi per non tagliare fuori chi ha PC vecchi....

Accetto consigli

Grazie

[Cesar]

Originariamente inviato da sviciani
cora IE6 e similari..... quindi non so come comportarmi per non tagliare fuori chi ha PC vecchi....

Per i nuovi tag html5 puoi usare html5shiv.