HTML / CSS: diversi collegamenti su una singola immagine

Problema

Ho un'immagine per un menu (un rettangolo nel mio caso) e vorrei aggiungere diversi collegamenti su di esso:

• Titolo 1 (verso pagina 1)
• Titolo 2 (verso pagina 2)
• eccetera ...

Tutto su una singola immagine.

Soluzione

Prova a inserire ciascuna immagine nel CSS.

 / * Immagine per il menu indice * / .image-menu1 {background: url (index.png); larghezza: 100px; altezza: 100px; } 

Una volta che hai capito bene, crea un link html e div di classe.

Grazie a MastercroW per questo suggerimento.