avrei bisogno della sequenza css per cambiare lo sfondo delle righe quando passo sopra con il mouse, e poi che ritornino dello stesso colore di prima... grazie mille!
avrei bisogno della sequenza css per cambiare lo sfondo delle righe quando passo sopra con il mouse, e poi che ritornino dello stesso colore di prima... grazie mille!
ciaocodice:<td onmouseover="this.bgColor='#CCCCCC;'" onmouseout="this.bgColor='#FFFFFF;'">
così non funziona, sbaglio forse ad inserirlo in html?
come l'hai inserito?Originariamente inviato da ideain
così non funziona, sbaglio forse ad inserirlo in html?
l'ho inserito così come me l'hai passato all'interno di questo header:
<HEAD>
<style type='text/css'>
td.header {
color : White;
font-family : Arial, Helvetica, sans-serif;
font-size : smaller;
}
a.item {
color : #001C70;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
}
a.up {
color : #FF9900;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
}
a.down {
color : #FF9900;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
}
td.item {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
td.alternate {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
td.threadtd {
background-color: #E4F1ED;
}
span.pagertxt {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color: #003366;
}
span.pagerlink {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color: blue;
font-weight : bold;
text-decoration : none;
}
span.threadtitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}
span.threaddate {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
}
td.threadtd {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
div.up {
font-family : Arial, Helvetica, sans-serif;
font-size : smaller;
font-style : normal;
}
div.alert {
font-family : Arial, Helvetica, sans-serif;
font-size : xx-small;
font-style : normal;
color: orange;
}
div.down {
font-family : Arial, Helvetica, sans-serif;
font-size : smaller;
font-style : normal;
}
</style>
</HEAD>
mhmmm, io l'avevo inserito direttamente nella cella della tabella.
comunque, fai così.
crea due classi:
e poi nella cella metti questo:codice:<style type='text/css'> .classecella1 { background-color:#FFFFFF; } .classecella2 { background-color:#CCCCCC; } </style>
ciaocodice:<td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">
l'ho inserito esattamente cosi ma non funziona, sicuramente sbaglio qualcosa...
<style type='text/css'>
.classecella1 {
background-color:#FFFFFF;
}
.classecella2 {
background-color:#CCCCCC;
}
<td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">
</style>
il codice <td ...> è una cella della tua tabella, non devi metterla tra i tag <style> e </style>.
nel body devi trovare la cella alla quale applicare l'effetto, capisci?
dunque, nel body avrai la tua tabella:
ecco, devi modificare le cose in questo modo:codice:<body> ... <table> <tr> <td>contenuto</td> </tr> </table> ... </body>
codice:<body> ... <table> <tr> <td class="classecella1" onmouseover="this.className='classecella2';" onmouseout="this.className='classecella1';">contenuto</td> </tr> </table> ... </body>
il problema e' che sto cercando di personalizzare il forum che ho acquistato da webtool, ed ho a disposizione solo l'header per inserire i comandi, penso sia per questo, grazie davvero tantissimo, il tuo comando mi servira' per un'altra occasione, ciao.
.header td a {
color : White;
font-family : Arial, Helvetica, sans-serif;
font-size : smaller;
display:block;
background:red
}
.header td a:hover {
color:red;
background:white
}
prova questo, fuziona per tabelle di classe header
se invece sono le celle di classe header devi fare
.header a {
eccetera
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