Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v12] - Evolution/Professional - Discussioni generali => Topic aperto da: Talento73 - 30 Dicembre, 2016, 17:26:50

Titolo: Cartina d'Italia responsive
Inserito da: Talento73 - 30 Dicembre, 2016, 17:26:50
Salve,
volevo sapere se è possibile rendere responsive la cartina d'Italia che avevo creato utilizzando il tutorial di milux del lontano 19 Dicembre 2011.[size=0px] Titolo del topic Cartina d'Italia.[/size]
[size=0px]Vi ringrazio anticipatamente per il vostro aiuto.[/size]
 ;D
Titolo: Re:Cartina d'Italia responsive
Inserito da: lemonsong - 30 Dicembre, 2016, 21:55:50
Ciao, probabilmente è possibile aggiungendo media queries ma se posti un link per vedere come l'hai integrata, qualcuno potrebbe essere più preciso di me.
Titolo: Re:Cartina d'Italia responsive
Inserito da: Talento73 - 31 Dicembre, 2016, 17:31:38
Grazie per la risposta. Il link è questo http://www.razbaby.it/dove-comprare.html
 :)
Titolo: Re:Cartina d'Italia responsive
Inserito da: lemonsong - 01 Gennaio, 2017, 16:28:18
Ora ricordo il tipo di cartina, non è una classica image-map ma sono delle immagini (regioni) posizionate in modo assoluto.
Inoltre, la visualizzazione delle informazioni di ogni regione è in hover.

Tutto questo preambolo è per domandarti come vorresti che fossero visualizzate le schede informative a risoluzioni più basse, tenendo conto che se vengono spostate sotto la cartina non saranno facilmente fruibili con gli smartphone.
Altra eventuale problematica è la differente gestione dell'hover da parte dei vari dispositivi.

Titolo: Re:Cartina d'Italia responsive
Inserito da: Talento73 - 01 Gennaio, 2017, 17:30:08
Grazie lemosong! Facendo riferimento a quello che mi hai scritto mi sembra di capire che questo tipo di cartina non sia la più adatta facendo un discorso responsive per dispositivi mobile. Tu hai qualche indicazioni da darmi su una possibile alternativa?
 ;D
Titolo: Re:Cartina d'Italia responsive
Inserito da: lemonsong - 01 Gennaio, 2017, 22:24:22
Così com'è strutturata adesso si può fare poco, ad esempio si possono aggiungere queste regole CSS alle altre già presenti per sovrapporre le schede informative alla cartina, con tutte le limitazioni già dette:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Un'alternativa, mantenendo l'attuale cartina, potrebbe essere quella di nasconderla a risoluzioni inferiori di 720px (nel tuo caso) e, nel contempo, visualizzare ad esempio la lista delle regioni in formato testuale magari con un effetto accordion:

[attachimg=1]

Ovviamente dovrai trovare/scrivere il codice relativo.