[CSS] rollover link

[Coach]

ciao a tutti,

ho provato a fare queste classi:

TD.menu{
	background-image: url(img/sfMenuTop.gif);
	text-align: center;
	height: 18px;
	width: 80px;
}
TD.menu A{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
TD.menu A:hover{
	display: block;
	color: #FFFFFF;
	background-color: #006699;
}

per iniziare, va bene?
io xò volevo che tutto lo sfondo della cella diventasse #006699, mentre così diventa blu solo l'altezza del link, come devo fare?

[lukeonweb]

http://www.lukeonweb.net/leggi.asp?id=122

[Coach]

grazie,
non sono un esperto di CSS, mi sembra di capire che bisogna metterci un livello... nn lo si può fare modificando quello che uso io?

[businet]

Se non vuoi farlo con le div, prova così:

<style>
TD.menu{
background-color: #55ffff;
text-align: center;
height: 18px;
width: 80px;
}
TD.menu A{
font-weight: bold;
color: #006699;
text-decoration: none;
}
TD.menu A:hover{
padding: 0px;
display: block;
color: #FFFFFF;
background-color: #006699;
</style>

<table border=0 cellpadding=0px >
<tr>
<td class=menu>
pippo
</td>
<td class=menu>pippo</td>
</tr>
</table>


BYE

[Coach]

no, aggiungendo il padding: 0px;
nn cambia niente

[Coach]

ho provato anche con il metodo che mi hai segnalato, ma anche con i DIV mi prende sempre l'altezza del testo e non di +

[bagu]

aggiungi al css un line-height uguale alla altezza della cella

prova e fai sapere

ciao paolo

[Coach]

good!!!

funziona... :metallica

[Coach]

il ritorno...

ne sto facendo un'altro con lo stesso effetto, ma lo devo allineare a sinistra ma spaziando di 20px.

td.menuSX{
background-image:url(img/sfMenuSX.gif);
height:19px;
width:150px;
padding-left: 20px;
}
td.menuSX a{
line-height:19px;
font-weight:bold;
color:#006699;
text-decoration: none;
}
td.menuSX a:hover{
display:block;
color:#FFFFFF;
background-color:#006699;
}

ho messo il padding: 20px;
ma al rollover si riempie la cella meno che i 20px di spazio... c'è un modo x risolvere?

grazie

[Coach]

ho risolto spostando il padding dalla cella al "A"