immagine di sfondo e bottoni

[famarinu]

Ciao a tutti,
è un po che non scrivo e che non lavoro con i css, ho bisogno di rinfrescarmi la memoria....
Allora io ho questa pagina: http://www.famarinu.com/mmagazine/prova2.html e vorrei che i fumetti diventino dei bottoni.
Ora l'unica idea che mi viene in mente è quella di utilizzare photoshop e creare delle sezioni, ma il problema sta che in questo modo non mi viene una cosa responsive, e se mi armo di paziena e calcolo le percentuali, dovrei risolvere, giusto?
Altrimenti voi avete altre strade da prendere?
Grazie dell'aiuto!

[Cocomerous]

Ciao a tutti,
è un po che non scrivo e che non lavoro con i css, ho bisogno di rinfrescarmi la memoria....
Allora io ho questa pagina: http://www.famarinu.com/mmagazine/prova2.html e vorrei che i fumetti diventino dei bottoni.
Ora l'unica idea che mi viene in mente è quella di utilizzare photoshop e creare delle sezioni, ma il problema sta che in questo modo non mi viene una cosa responsive, e se mi armo di paziena e calcolo le percentuali, dovrei risolvere, giusto?
Altrimenti voi avete altre strade da prendere?
Grazie dell'aiuto!

Ciao ci sono degli script js che risolvono

http://mattstow.com/experiment/respo...mage-maps.html

[famarinu]

Ma con questo plugin è possibile rendere l'immagine a tutto schermo?

[famarinu]

Allora sono riuscita a mettere l'immagine a tutto sfondo tramite questa regola css assegnata all'immagine:
style="width: 1920px; max-width: 100%; height: auto; position:fixed; top:0px; left:0px;"

Solo che quando guardo la pagina in locale l'indicatore mi appare correttamente sopra al fumetto, ma quando vado a caricare in remoto, l'indicatore viene spostato e non mi appare sopra al fumetto, ma spostato, sapete per quale motivo?

Potete vedere l'esempio qui: http://www.famarinu.com/mmagazine/prova3.html

[Cocomerous]

Allora sono riuscita a mettere l'immagine a tutto sfondo tramite questa regola css assegnata all'immagine:
style="width: 1920px; max-width: 100%; height: auto; position:fixed; top:0px; left:0px;"

Solo che quando guardo la pagina in locale l'indicatore mi appare correttamente sopra al fumetto, ma quando vado a caricare in remoto, l'indicatore viene spostato e non mi appare sopra al fumetto, ma spostato, sapete per quale motivo?

Potete vedere l'esempio qui: http://www.famarinu.com/mmagazine/prova3.html

La funzione dovrebbe essere così:
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();


});