background-image

[lucky2]

Salve,

ho creato un CSS per dare un background con un'immagine ad una cella ma non funziona, ho fatto così:

.header { 
background-image: url("/images/ita/area_testata.gif");
}

e nel tag html ho messo:

<td height="65" colspan="5" class="header">

nella struttura di dreamweaver viene mostrato ma quando lo vedo in qualsiasi browser vedo il vuoto?!

[pierofix]

Prova a specificare un percorso relativo, per l'immagine.

[lucky2]

Originariamente inviato da pierofix
Prova a specificare un percorso relativo, per l'immagine.

in che modo ?

[pierofix]

Mettiamo che sia il foglio di stile sia l'immagine siano posizionati nella stessa directory: l'URL relativo dell'immagine rispetto al foglio di stile sarà area_testata.gif. Pertanto:

.header { background-image:url('area_testata.gif') }

[lucky2]

Originariamente inviato da pierofix
Mettiamo che sia il foglio di stile sia l'immagine siano posizionati nella stessa directory: l'URL relativo dell'immagine rispetto al foglio di stile sarà area_testata.gif. Pertanto:

.header { background-image:url('area_testata.gif') }

ho fatto esattamente come illustrato da te ma nulla, ovviamanete ho messo l'immagine nella root principale ma adesso addirittura non la vedo nemmeno in dreamweaver

[pierofix]

Per usare l'esempio che ti ho portato, l'immagine e il foglio di stile devono trovarsi nella stessa directory. Prova e facci sapere.

[lucky2]

Originariamente inviato da pierofix
Per usare l'esempio che ti ho portato, l'immagine e il foglio di stile devono trovarsi nella stessa directory. Prova e facci sapere.

se il foglio di style e l'immagine stanno nello stesso punto funziona, ma come posso fare per poterli posizionare in posti diversi? è per ordinare!

[pierofix]

Mettiamo tu abbia una struttura simile (userò impropriamente CODE per indentare il testo - uè, gestori del forum, e un tag per questa funzione???):

- sito
   - css
      foglio.css
   - img
      area_testata.gif

Prova a pensare a questa struttura come ad un albero (quale effettivamente è ); se ci troviamo in foglio.css, per raggiungere l'immagine dovremo:

1. salire di un ramo (livello);
   
2. entrare nel ramo img;
   
3. puntare all'immagine.

Per salire di un livello, nel percorso si utilizza ../. Quindi, riprendendo il codice originale, nel nostro caso avremo:

.header { background-image:url('../img/area_testata.gif') }

Chiaro?