Ho un menu a tabella gestito da un foglio css.
<body class="bordercolor">
<table>
<tr>
<td id="a" class="colorecella">
pagina1</td>
...
</tr></table>
e il foglio css:
.bordercolor { background-image: xxx; }
.colorecella { background-color: #000000; }
Il fatto è che vorrei utilizzare css anche per far cambiare colore alla celletta (cioè utilizzare qualcosa di diverso rispetto alle righe in rosso.
Come faccio?
Grazie
.colorecella { background-color: #000000; }
.colorecella:hover { background-color: yellow; }
No ai layout tabellari!
Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872
Ci avevo già provato ma non funziona
La celletta non l'avevo prevista elemento cliccabile...ma se provo a fare così:
<body class="bordercolor">
<table>
<tr>
<td class="colorecella">pagina1</td>
...
</tr>
</table>
e nel foglio css:
.bordercolor { background-image: xxx; }
.colorecella { background-color: #000000; }
.colorecella:link { background-color: #000000; }
.colorecella:visited { background-color: #ff0000; }
.colorecella:active { background-color: #000000; }
.colorecella:hover { background-color: yellow; }
.corpo {color: #ffffff; FONT-SIZE: 13px; .... }
succede che mi appare la celletta nera senza contenuto e comunque non cambia colore al passaggio del mouse...
<body class="bordercolor">
<table>
<tr>
<td class="colorecella">pagina1</td>
...
</tr>
</table>
e nel foglio css:
.bordercolor { background-image: xxx; }
.colorecella a{ background-color: #000000; display:block;}
.colorecella a:link { background-color: #000000; }
.colorecella a:visited { background-color: #ff0000; }
.colorecella a:active { background-color: #000000; }
.colorecella a:hover { background-color: yellow; }
.corpo {color: #ffffff; FONT-SIZE: 13px; .... }
così dovrebbe funzionare
No ai layout tabellari!
Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872
così è perfetto ti ringrazio!
Permessi di invio
Rispondi quotando