sto programmando un menu con una semplicissima tabella.
Vorrei che al passaggio del mouse su ogni td (contenente un link) cambiasse il colore di sfondo del td stesso...
Ho provato a farlo con i css assegnando una classe al td, ed il colore di sfondo cambia, ma solo per la lunghezza del link (del testo) che vi è inserito, invece vorrei che cambiasse il colore di tutta la cella.
Uffa, dovrebbe essere una cosa semplice...credo...
<tr onmouseover="javascript:style.backgroundColor='#e5 e5e5'" onmouseout="javascript:style.backgroundColor='whit e'">
<td>pippo</td>
</tr>
http://www.mcganass.com
Per i browser seri (vedi VolpeDiFuoco) si possono benissimo usare i css:
codice:td:hover { background: #069; }
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
anche i browser poco seri si possono convincere
<html>
<head>
<title>Untitled</title>
<style type="text/css">
html, body {height:100%}
body {background:silver}
a {display:block;
color:white;
text-decoration:none;
padding-top:50px;
padding-bottom:50px;
text-align:center;
border:1px solid blue
}
a:hover {color:yellow;
background:blue;
border:1px solid yellow;
font-weight:bold;
}
td {width:100px;
background:gray;
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="#">
Vediamo
</a></td>
<td>testo normale</td>
</tr>
</table>
</body>
</html>
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
non capisco..provo a copiare qua un html ed un css semplicissimo provate a dirmi se a voi funziona oppure dove sbaglio
css:
.classe1{
background:#000000;
color:#ff0000;
}
.classe1:hover {
background:#ffffff;
color:#ff0000;
}
html:
<table width="170" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="classe1">ciao</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
grazie come sempre
Permessi di invio
Rispondi quotando