rendere responsive pagina web app

[Chandler]

1) Oltre a togliere la larghezza, devi mettere il valore contain a background-size.

4) L'unico modo che mi viene in mente per lo sfondo arancione al clic è di utilizzare l'active o eventualmente l'hover per gli schermi touch.
Per quanto riguarda i puntini, devi aggiungere un evento onclick che richiamerà una funzione JavaScript che potrebbe essere una cosa del genere:

Codice:

function openDescrizione(a, d) {
    a.className = 'nome_della_classe_per_i_puntini_selezionati';
    d.style.display = 'block';
}

Il codice HTML dei puntini sarà una cosa del genere:

Codice:

<a href="#" onclick="openDescrizione(this, document.getElementById('id_del_div_col_testo');return false;">Puntini</a>

7) Anche qui devi mettere il valore contain a background-size e, invece di "center 0", metti "center center".

1) OK. Ho risolto, aggiungendo un margin-top di qualche pixel (per abbassare il logo dal margine superiore).
4) per l'evento javascript ho sicuramente sbagliato qualcosa.
6) HAI DIMENTICATO DI RISPONDERE A QUESTO PUNTO.
7) OK