Problema nell'inserire l'immagine tramite background piuttosto che tramite <img...

[dori88]

Buona sera..
Ho letto che se possibile è meglio inserire nel sito le immagini non direttamente mediante il tag <img..ecc... bensì come sfondo di un elemento tramite le varie tecniche bob image replacement , pixy cover-up e via dicendoo...

Il problema è... se volessi fare una "mappatura" dell' immagine (non so se si dice così), ovvero rendere parti dell'immagine cliccabili si puo' fare senza adoperare le il tag <img bensì inserendo l'immagine in questa maniera?

Grazie a tutti per l'attenzione!

[salasir]

Normalmente è consigliato inserire le immagini come background anziché come <img .../> se fanno parte della grafica e non del contenuto.
Ma se le immagini veicolano informazioni o comunque fanno parte del testo devono essere inserite come <img>.

Suppongo che dovendo mappare un'immagine questa faccia parte del contenuto.
Quindi <img>.

[dori88]

E' un banner, che sta a metà tra contenuto e grafica. Anzi fa più parte della grafica che dei contenuti..
Non esiste un modo per "mappare" un'immagine messa come background?

[salasir]

Che io sappia, no. Anche perchè per mappare un'immagine devi utilizzare i tag html <map> e <area> ...

Forse flash? ma non lo conosco.

[Mich_]

Originariamente inviato da salasir
Che io sappia, no. Anche perchè per mappare un'immagine devi utilizzare i tag html <map> e <area>

In realta` il trucco c'e`: occorre inserire un'immagine trasparente (sopra lo sfondo) e mappare quella.

Pero` e` una cosa che viola le regole di semantica, quindi e` da evitare.

Ma se il proprietario del banner (quello che paga perche` tu metta il banner) sapesse che tratti il suo banner come sfondo, forse non sarebbe tanto contento (e` facile da "tagliare": basta non caricare i CSS).

Capisco che il banner non fa parte della pagina in senso stretto, ma a maggior ragione non fa parte della formattazione: e` un elemento "esterno" (alla logica della pagina), ma lo scopo del banner e` proprio di inserirlo per fare pubblicita` a qualcos'altro.
Quindi se banner deve essere che sia un'immagine con tag <img>.

[dori88]

Grazie per la dritta dell'immagine trasparente!!!
Per quanto riguarda il conisglio del banner... mi sono espressa male.. non intendevo banner per come lo hai inteso tu (sono io che mi sono spiegata male) intendevo dire logo della ditta proprietaria del sito..

[Mich_]

Allora mettiamola in questo modo:
La pagina senza il logo ha ancora senso?
Se la risposta e` si`, allora il logo va messo come sfondo.
Se la risposta e` no, allora va messo come <img>


Per quanto riguarda l'immagine trasparente, non era una risposta per te, ma per salasir, che ha un'esperenza sufficiente per capirla ed implementarla correttamente. E anche una nota per i "posteri": le discussioni restano nel forum per anni, e vengono consultate da persone diverse. Non mi pareva il caso di lasciare una affermazione non esatta senza una opportuna rettifica.

Spero che non la prenda come offesa, ma da come ti conosco (ormai bazzichi qui da alcune settimane), stai studiando i CSS da poco, e stai ancora facendo pratica con le cose fondamentali: i trucchetti si possono usare quando i fondamentali sono digeriti, altrimenti si sovrappongono le difficolta` ed e` difficile arrivare ad una soluzione valida.

Quindi prima di poter implementare i trucchi, e` necessario conoscere le basi.
Fare una mappa su un'immagine non e` niente di trascendentale: serve solo un po' di tempo da investire, con un programma di grafica sottomano.
Invece sovrapporre correttamente due oggetti e` una delle cose complicate nell'uso dei CSS, che io sconsiglio di fare (occorre conoscere bene l'uso dei posizionamenti).
Quindi se nell'implementazione della mappa su un'immagine che non esiste (e non si vede) fai un errore banale (di quelli che si fanno sempre), non puoi sapere se la cosa dipende da una sovrapposizione non corretta o da un errore di altro tipo e rischi di perderci i giorni.

[dori88]

Originariamente inviato da Mich_
Spero che non la prenda come offesa, ma da come ti conosco (ormai bazzichi qui da alcune settimane), stai studiando i CSS da poco, e stai ancora facendo pratica con le cose fondamentali: i trucchetti si possono usare quando i fondamentali sono digeriti, altrimenti si sovrappongono le difficolta` ed e` difficile arrivare ad una soluzione valida.

Intanto puoi darmi del tu ho solo 20 anni, forse sono io che dovrei darti del lei..
No ma che offendermi scherzi? Quello che dici tu è verissimo; intanto io mi segno consigli e argomenti e ne delego l'approfondimento a tempi prossimi.. anche se so già che quando me ne vorrò occupare sarà ancora troppo presto..
Grazie sempre per i consigli

[Irene80]

mi inserisco nella discussione sperando di non andare fuori argomento perchè mi interessa molto
sono agli inizi dello studio dei css (meno di un anno) tanto ho imparato (quasi tutto per merito del forum grazie!) ma tantissimo ho ancora da imparare
volevo sapere se il mio sistema sia corretto ho con piccole modifiche lo possa diventare:

-inserisco le immagini come background nel foglio di stile
-per creare un link in un qualsiasi div lo associo a del testo al quale sempre nel foglio di stile con un id attribuisco un font-size 0 (non specifico il tipo di misura perchè 0 e sempre 0 e così non dovrei creare sorprese se il visitatore cambia valore al font dal browser dico giusto?)
-al testo al quale è associato il link do un display: block per rendere l'intero link cliccabile su tutto il div
Così si vede l'immagine non si vede il testo e il link funziona come desiderato

P.S. mi scuso tanto se mi sono espressa male

[salasir]

Ovviamente se funziona e ottieni quello che desideri ...

Ma ...
Se elimino le immagini?
Se inibisco l'uso dei CSS?
Il tuo link è ancora utilizzabile? C'è un testo che compare al posto dell'immagine e renda la funzionalità utilizzabile?