Url relativi

[degno]

Ho un problema con gli indirizzi relativi:

se uso


a.button {
background: transparent url('http://localhost:7001/Miaapplicazione/plugin/img/bottone.gif') no-repeat scroll top right;
}

il css funziona.


Se invece uso:

a.button {
background: transparent url('../plugin/img/bottone.gif') no-repeat scroll top right;
}

l'immagine non si carica. La pagina in cui uso questo stile ha come indirizzo "http://localhost:7001/Miaapplicazione/HomeServlet" per cui la posizione relativa è corretta...

[fcaldera]

dove si trova la seconda regola?

[degno]

Cosa si intende per regola? Scusa sono zero con i css...

[fcaldera]

Originariamente inviato da degno

Se invece uso:

a.button {
background: transparent url('../plugin/img/bottone.gif') no-repeat scroll top right;
}

se la usi... dove? in che file si trova questa regola?

in una pagina html o in un css esterno?
in che cartella si trova?


edit: se può interessare

Originariamente inviato da degno
Cosa si intende per regola? Scusa sono zero con i css...

[degno]

Ah ok.. nello stesso file della prima! Se invece della prima regola uso la seconda non funziona. Si trovano cmq in un css esterno..

[degno]

Ho capito.. usavo il path relativo a partire dalla pagina in cui sarebbe dovuta comparire l'immagine invece bisogna metterlo a partire dalla posizione in cui si trova il css esterno, nel mio caso http://localhost:7001/Cimitero/plugin/css/style.css

quindi la soluzione era:

a.button {
background: transparent url('./../img/bottone.gif') no-repeat scroll top right;
}