Immagine nel css e non in src=""

[Il Pazzo]

Ciao a tutti...
Ho seguti queste istruzioni:

http://css.html.it/articoli/leggi/31...-sprite-css/3/

Però davanti all'immagine mi rimane la scritta inserita nell'attributo "alt". Invece nell'esempio riportato nel link non appare. Perchè?

Ho usato IE8 e IE6... in ogni caso nell'esempio non da problemi. Il mio si. Riporto il mio css e la mia pagina:

CSS:

.x
{
    background:url(../../common/images/logo.png);
    height:50px;
    width: 367px;
} 

HTML:

<div id="divHeader" class="Header">
   [img]../../images/transparent.gif[/img]
</div> 

[fcaldera]

Originariamente inviato da Il Pazzo
Però davanti all'immagine mi rimane la scritta inserita nell'attributo "alt". Invece nell'esempio riportato nel link non appare. Perchè?

secondo me è questo percorso
../../images/transparent.gif

è errato


ho dato un occhio all'articolo e, se posso, ti suggerisco di non usare questa tecnica che a mio parere così com'è è concettualmente errata

[Il Pazzo]

Originariamente inviato da fcaldera
secondo me è questo percorso
../../images/transparent.gif

è errato


ho dato un occhio all'articolo e, se posso, ti suggerisco di non usare questa tecnica che a mio parere così com'è è concettualmente errata

Pensavo pure io, però mi sono fatto aiutare dall'ide. Io ho selezionato la cartella e il file e lui mi ha ricreato il percorso... In ogni caso che intendi che è concettualmente errata? Quindi se io volessi mettere il riferimento dell'immagine nel css e non nell'HTML allora come devo fare? (o è questo il concetto errato?)

[fcaldera]

Originariamente inviato da Il Pazzo
Pensavo pure io, però mi sono fatto aiutare dall'ide. Io ho selezionato la cartella e il file e lui mi ha ricreato il percorso... In ogni caso che intendi che è concettualmente errata? Quindi se io volessi mettere il riferimento dell'immagine nel css e non nell'HTML allora come devo fare? (o è questo il concetto errato?)

se il percorso è corretto allora forse ci sono problemi al file transparent (permessi di lettura insufficienti, file corrotto, maiuscole/minuscole...)

Ad ogni modo: prova a disabilitare i fogli di stile (immagina di navigare con un browser testuale o uno screenreader), oppure prova a stampare una pagina con le immagini transparenti (i browser di solito disabilitano per default la stampa dei background)

è una tecnica sbagliata perché deleghi parte del contenuto della pagina ai fogli di stile. E' innegabile che risparmi qualche get al server e che guadagni in termini di peso, ma i benefici che ottieni sono molto minori rispetto all'inaccessibilità che ne risulta.

Se nel tuo codice devi usare un <img> è perché quell'immagine fa parte integrante del contenuto e non è un elemento secondario/decorativo.

Se invece parliamo di immagini decorative le sprites vanno benissimo, ma a questo punto è diventa insensato (diciamo anche bestiale) usare un tag <img> caricando l'immagine trasparente: tanto valeva usare uno span o altro elemento inline....

[Il Pazzo]

Originariamente inviato da fcaldera
se il percorso è corretto allora forse ci sono problemi al file transparent (permessi di lettura insufficienti, file corrotto, maiuscole/minuscole...)

Ad ogni modo: prova a disabilitare i fogli di stile (immagina di navigare con un browser testuale o uno screenreader), oppure prova a stampare una pagina con le immagini transparenti (i browser di solito disabilitano per default la stampa dei background)

è una tecnica sbagliata perché deleghi parte del contenuto della pagina ai fogli di stile. E' innegabile che risparmi qualche get al server e che guadagni in termini di peso, ma i benefici che ottieni sono molto minori rispetto all'inaccessibilità che ottieni.

Se nel tuo codice devi usare un <img> è perché quell'immagine fa parte integrante del contenuto e non è un elemento secondario/decorativo.

Se invece parliamo di immagini decorative le sprites vanno benissimo, ma a questo punto è diventa insensato (diciamo anche bestiale) usare un tag <img> caricando l'immagine trasparente: tanto valeva usare uno span o altro elemento inline....

Ok... grazie... ho compreso tutto...