Noen som har lyst til og fortelle meg hvordan man får en celle til å lyse opp når man tar musen over den (hover)?
LOGG INN
... eller du kan registrere deg nå
8
668
|
.celle { font-size:8pt; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(dittbilde/bilde1.gif); } .celle:hover { background-image: url(dittbilde/bilde2.gif); color:#000000; }
<style type="text/css"> .celle { font-size:8pt; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#000099; } .celle:hover { background-color:#ff0000; color:#000000; } </style> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="celle">Din tekst</td> </tr> </table>
<style type="text/css"> <!-- td.celle { border: 3px solid black; color: black; background: red; padding: 20px; } td.celle2 { border: 3px dotted black; color: white; background: blue; padding: 20px; } --> </style> <table summary="celle"> <tr><td class="celle" onmouseover="this.className='celle2'" onmouseout="this.className='celle'">Dette er min celle!</td></tr> </table>
|