Cartina d'Italia responsive

[Talento73]

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]
 

[lemonsong]

Ciao, probabilmente è possibile aggiungendo media queries ma se posti un link per vedere come l'hai integrata, qualcuno potrebbe essere più preciso di me.

[Talento73]

Grazie per la risposta. Il link è questo http://www.razbaby.it/dove-comprare.html
 

[lemonsong]

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.

[Talento73]

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?
 

[lemonsong]

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:

[ Guests cannot view attachments ]

Ovviamente dovrai trovare/scrivere il codice relativo.