Finns det något css som gör att man kan få en färgändring när musen går över en cell. Hur ser den ut om det finns? du kan göra såhär: Tackar det är exakt vad jag var ut efter. Tackar. men nu blir det en följdfråga. Sätt in en class i din td från start. Här ett liknande exempel! Isch, den där koden var inte fin, bättre att använda klasser... ;)Färg ändring på cell vid mus över...
ThomasSv: Färg ändring på cell vid mus över...
<code>
<html>
<head>
<style>
.navOver {background-color:#dddddd; }
.navOut {background-color:#ffffff; }
</style>
</head>
<body>
<table>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 1</td>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 2</td>
</tr>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 3</td>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 4</td>
</tr>
</table>
</body>
</html>
</code>
FredrikSv: Färg ändring på cell vid mus över...
i stylen så la jag en border: 1px dashed #000000; den fungera först när man har fört för över musen. hur gör man för att få linjen att ligga peramnent där?
.navOver {background-color:#dddddd; border: 1px dashed #000000; }
.navOut {background-color:#003E71; border: 1px dashed #000000; }
mvh ThomasSv: Färg ändring på cell vid mus över...
<code>
<td class="navout" onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">
</code>Sv: Färg ändring på cell vid mus över...
<HTML>
<HEAD>
<TITLE>tabell</TITLE>
<style type="text/css">
<!--
Body {background-color:green; color:black; }
Table {width:50%; height:50%;border-collapse:collapse;border:2px solid black;}
Td {border-collapse:collapse;border:2px dotted black;}
-->
</style>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD onmouseout="this.style.backgroundColor='blue'"
onmouseover="this.style.backgroundColor='white';return true" width="50%">Länk 1
</TD>
<TD onmouseout="this.style.backgroundColor='yellow'"
onmouseover="this.style.backgroundColor='silver';return true" width="50%"> Länk 2
</TD>
</TR>
<TR>
<TD onmouseout="this.style.backgroundColor='gold'"
onmouseover="this.style.backgroundColor='lime';return true" width="50%"> Länk 3
</TD>
<TD onmouseout="this.style.backgroundColor='red'"
onmouseover="this.style.backgroundColor='orange';return true" width="50%"> Länk 4
</TD>
</TR>
</TABLE>
</BODY>
</HTML> Sv: Färg ändring på cell vid mus över...