Problema immagine su server remoto

[summerwind78]

Ciao a tutti

ho un problema con la visualizzazione di una immagine

ho fatto un piccolo form per accedere ad una chat nel mio sito che é composta da una tabella
in questa tabella c'é un'immagine che funge da submit che vooglio che cambi durante l'hover

fino ad ora ho usato le funzioni datemi a disposizione da DW e ho il seguente codice

<table width="510" border="0" class="FormLogin">
     <tr>
	<td height="70px" colspan="3" align="center"><h1>Entra in Chat!</h1></td>
     </tr>
     <tr>
	<td width="197" align="left"><h3>Nick (obbligatorio)</h3></td>
	<td><input name="txtNick" id="txtNick" class='input' type="text" ></td>
	<td width="113" rowspan="2" align="right">[img]images/Entra.png[/img]</td>
    </tr>
    <tr>
	<td height="88" align="left"><h3>Password (opzionale)</h3></td>
	<td width="186"><input name="txtPass" id="txtPass" class='input' type="password"></td>
    </tr>
</table>

che funziona benissimo e le immagini vengono correttmante scambiate durante l'hover

io peró volevo rendere il tutto con il CSS e quindi ho cambiato il codice in questo modo

<table width="510" border="0" class="FormLogin">
   <tr>
     <td height="70px" colspan="3" align="center"><h1>Entra in Chat!</h1></td>
   </tr>
  <tr>
    <td width="197" align="left"><h3>Nick (obbligatorio)</h3></td>
    <td><input name="txtNick" id="txtNick" class='input' type="text" ></td>
    <td width="113" rowspan="2" align="right"></td>
  </tr>
  <tr>
    <td height="88" align="left"><h3>Password (opzionale)</h3></td>
    <td width="186"><input name="txtPass" id="txtPass" class='input' type="password"></td>
  </tr>
</table>

e nel css ho

#login a{
display: block;
width: 115px;
height: 60px;
background: url(./images/entra.png) no-repeat top left;
}

#login a:hover{
background: url(./images/entraH.png) no-repeat top left;

se provo questa nuova versione in locale usando wamp come server, funziona tutto benissimo
sia su firefox che fu iexplorer

e peró carico sul server e visualizzo da li le immagini che fungono da pulsante non si vedono e resta un spazio vuoto

ho provato anche a controllare i permessi del file immagine ma sono impostati correttamente. i file sono sia scrivibili che leggibili da tutti

Sapreste aiutarmi a capire perché?

grazie mille

[ricman]

Sembrerebbe proprio un problema del percorso. Prova a scriverlo diversamente senza usare il punto (./qualcosa)

[summerwind78]

Grazie mille per la risposta

purtroppo pare non essere quello il problema

ho provato con

"./img/immagine.png"
"/img/immagine.png"
"img/immagine.png"
".\img\immagine.png"
"\img\immagine.png"
"img\immagine.png"

e la stessa cosa ma con immagini .gif

non cambia nulla
continuo a non vederle

inoltre consideravo il fatto che ho altre immagini nel sito che vengono invece caricate perfettamente

può dipendere da come ho indicato le classi e gli "id" nel css?

[MEURI]

Sono necessari i due punti, in questo modo torni su di una cartella sul percorso del file:

background: url(../images/entra.png) no-repeat top left;

[summerwind78]

Ho provato anche con il doppio punto

stesso risultato... non si vedono le immagini

[ricman]

Dando per scontato che le foto le hai effettivamente caricate sul server ed escludendo il problema delle MaiUsCole/minuscole, che avrai sicuramente verificato, torno a dire che scrivi male il percorso.
Prova a prendere una foto visibile e clicca su Apri Foto in un'altra finestra e vedi in che percorso è. Da qui fai una serie di considerazioni pensando a "dove è il css" in relazione a dove sta la foto. Devo andare "indietro" nelle dir? Di quanto? (e metti tanti ../ per quanto devi indietreggiare)...
Più facile a farlo che a dirsi... Da qui resta difficile darti na mano..

[summerwind78]

apprezzo il suggerimento ma sono controlli che ho fatto anche prima di scrivere nel forum

inoltre altre immagini che si trovano nella stessa cartella di quelle incriminate vengono caricate benissimo, con lo stesso percorso

il nome delle immagini anche é corretto.

é per questo motivo che ho pensato ad un mio errore nel creare il css

il css si trova nella cartella principale e le immagini su trovano tutte in
"cartella_principale/img"

[MEURI]

Caspita, prima andavo di fretta, non mi ero minimamente accorto di tutti gli errori presenti sul codice.
Ti consiglio di utilizzare i div, anziché l'uso delle tabelle, oramai obsolete.
Non vedi le immagini perchè hai una classe FormLogin ed un id login. Devono aver necessariamente lo stesso nome per poter essere chiamate correttamente, sul css avrai ad esempio:

.FormLogin {
/** PARAMETRI CLASSE**/
}

sul file html invece:

<div class="FormLogin">
</div>

In questa pagina trovi una spiegazione dettagliata sull'uso degli id e classi.

[summerwind78]

Prima di tutto grazie mille del consiglio

come avrai notato non sono molto pratico e sto cercando di aggiustarmi come posso

potresti indicarmi come ottenere la stessa struttura che ho con la tabella, facendola con i div?

non so bene come fare a posizionare tutto nel modo corretto

[MEURI]

No. Se vuoi approfondire il discorso leggi la guida sui CSS.