Mappe di immagini!

[gnola]

Ciao a tutti, qualcuno sà dirmi come fare una mappa su una immagine che è specificata nel foglio stile????? ho cercato dappertutto ma non ho trovato niente!!

[Mich_]

Se l'immagine fa parte del contenuto, devi specificarla con il tag <img>; se e` uno sfondo non ha senso farne una mappa.

Quindi il problema e` prima di tutto semantico.

Cerca di spiegare meglio il contesto, che una soluzione la si trova.

[gnola]

Infatti prima di tutto non mi è molto chiaro quando deve essere specificata nel css e quando tramite il tag img......nel mio caso fa parte della grafica....è una immagine che contiene il logo e sotto due bandierine per le lingue. dovrei mappare le due bandierine e forse anche il logo stesso!! (l'ho tagliata come una immagine unica per sempificarmi la vita visto che è il mio primo sito coi css e già c'ho messo una vita ad impaginare il tutto e ottimizzare il codice per i vari browser!!

[Mich_]

Quello e` un errore semantico. E i CSS non sono fatti per correggere errori, ma per disporre i vari elementi nella pagina.

Se vuoi puoi sovrapporre al tuo logo un'immagine trasparente (ad esempio una .gif), che a sua volta puoi mappare. Ma rimane l'errore semantico.

l'ho tagliata come una immagine unica per sempificarmi la vita

E invece te la sei complicata. Ricorda che le cose semplici sono le migliori: un blocco = una funzione .

[gnola]

quindi la cosa più giusta è fare singole immagini da inserire tramite il tag img ognuna in un div a se e poi linkarle normalmente?? ancora non riesco a capire qual'è il metodo migliore per disporre tutti gli elementi....ho paura di riempire la mia pagina con troppi blocchi.....boh..

[Mich_]

Non esattamente. O, meglio, quanto dici non rispetta le regole di accessibilita`.

Ma andiamo con ordine.
Una cosa e` il logo (eventualmente con link), un'altra i link per l'accesso alle versioni in lingue diverse. Sono due elementi diversi, che non devono essere confusi, anche se poi veranno posizinati vicini (ma questo e` un caso).

Quindi il logo va inserito con il suo tag <img> (corredato di alt, e se e` un link anche del title). E` un elemento della pagina, non ha senso inserirlo come sfondo.

I link alle versioni straniere, invece, sono dei link, in cui l'immagine ha una sua importanza, ma la cosa principale e` il link.
Quindi va inserito il link, cui si puo` mettere come sfondo l'immagine della bandierina:
English

dove il CSS relativo sara`:

.bandiera {
  width:50px; /* dimensioni delle immagini */
  height: 35px;
  margin: -100em; /* toglie display della scritta */
}
#inglese { background: url(flag_en.gif); }

[gnola]

Adesso ho le idee un pò più chiare!!
Grazie mille proverò a cambiare il mio codice in base ai tuoi suggerimenti..speriamo bene!