cambiare sfondo alla cella on mouse over

[David_pop]

Sto cercando di cambiare sfondo, on mouse over, alla cella che contiene una parola linkata:

Link:
Testo
Css:

a.prova {backgrond: transparent;}
a.prova:hover{background: url('tuaImmagine.gif');}

In questo modo si vede solo il background limitato alla scritta, mentre io vorrei vedere il background della cella totale dove all'interno c'e' la scritta col link.
come posso fare??

[devil89]

Racchiudi il tag a con un tag p (per il paragrafo) e metti il class su quello.

<p class="prova">
       Testo
</p>

[David_pop]

Ok in questo caso si vede lo sfondo intero della cella, però passando sopra con il mouse, l'immagine che cambia lo sfondo si vede soltanto nella lunghezza del testo link interno alla cella.. ?

[xxfuma85xx]

prova questo:

a.prova {
display:block;
width:100%;
height:100%;
backgrond: transparent;
}

a.prova:hover{
background: url('tuaImmagine.gif');
}

però non sono sicuro...

[David_pop]

Ho questo code qui sotto che funziona, ma il problema è posizionare il "text" nella cella, cioe in orizzontale con i css lo sposta, ma in verticale, su e giu, no.. come faccio?

.a {
	width:177px;
	height:29px;
	background:  url(../second_II/puls/a_out.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	text-align: left;
	text-indent: 25px;
}
.a:hover {
	background:  url(../second_II/puls/a_over.jpg);

[David_pop]

ho provato negli ELEMENTI DI PAGINA" a modificare il Sup a 5 px, però mi alza la cella credo scombinando la tabella.. come si fa a lasciare intatta la cella e muovere verso il basso la scritta testo?

[matland]

Ciao,
stavo anche io risolvendo un problema uguale al tuo, ho ovviato modificando "ALTEZZA RIGA" nelle proprietà dei caratteri..

ES: line-height: 65px;

Questo funziona solo se il testo è su una sola riga..
Met

[David_pop]

per riga intende la cella? perche poi modificherebbe la tabella...

[matland]

no, sarebbe una proprietà dei caratteri..
prova. ad aggiungerlo nello stile..
line-height: 25px; (per esempio)
poi modifica il valore (25) in base al tuo scopo..
Met

[David_pop]

invece sai che mi va ad allargare la cella...