immanige nella tag <a> utilizzando le classi in CSS

[tapu]

ciao a tutti

ho un problema su un'immagine

io possiedo uqesto link
<td></td>

ora al suo interno voglio mettegli un'immagine e porei fare cosi

<td>[img]../immagini/elimina.jpg[/img]</td>

WOW funziona, ma io non mi accontento e soprattutto non mi piace...
allora decido di fare una classe

creo una classe


.imgElimina{
background-image: url(../immagini/elimina.png) no-repeat center;
border:0;
}

e la voglio inserire come nell'utilizzo di prima al posto di <img>

Primo tentativo
<td></td>

Secondo tentativo

<td><div class="imgElimina"></div></td>

in entrambi i casi non si vede nulla... un aiuto per capire come mettere un'immagine sul link usando i css?????

grazie, ciao!

[Mich_]

Un <div> all'interno di un <a> non ci puo` stare (<a> e` tag di tipo inline, <div> e` di tipo blocco).

Anzitutto occorre vedere cosa contiene la tua img.
Se fornisce del contenuto, DEVI inserirla con il tag <img>, pena un grave errore di semantica.
Se invece e` solo un abbellimento, va bene inserirla come sfondo.

Ma veniamo alla sintassi:

Questo e` un tag vuoto: i browser possono ignorarlo completamente (e qualcuno effettivamente lo ignora)
Potresti correggere con:
&amp;nbsp;
Questo effettivamente viene visualizzato in tutti i browser, ma ha un problema semantico (dove deve cliccare un utente, se non vede lo sfondo?) E ha un problema di dimensione: uno spazio occupa pochissimo spazio, per cui puo` risultare difficile trovare il punto dove cliccare (problema di usabilita`).

E comunque per l'accessibilita` un link deve SEMPRE avere del contenuto testuale. In qualche caso tale contenuto puo` venir sostituito (e trovi vari modi con cui realizzarlo: puoi anche cercare nel forum o tra i "link utili")

[tapu]

ok , quindi devo perforza mettere <img>
la ma immegine è un bottoncino ...


grazie milleciao!

[tapu]

altra domanda io ho il bordo dell'immagine visibile.

quindi nel css ho inserito

img {
border:none;
}

WOOWWW funziona, ma solo su IE , su FF continua a persistere... qualcuno sa come mai?

[Henry.Chinaski]

Cos dovrebbe essere crossbrowser in merito al bordo (così si applica a tutti gli elementi immagine linkati)

a:focus { outline:none }

Hai provato in questo modo per il problema originario

<td class="imgElimina"></td>