3 svar · 391 visningar · startad av HammerBoy
Jag har en tabell med en tabellrad som har 3 celler.
<table>
<tr>
<td><a href="#">namn</a></td>
<td></td>
<td><a href="#">datum</a></td>
</tr>
</table>
Nu vill jag följande:
1 vid onmouseover någonstans på tabellraden så ska hela tabellraden ändra färg
2 hela tabellraden ska vara klickbar
Jag kan fixa 1:an och 2:an med CSS... dock var för sig och inte samtidigt!
Någon som vet hur man kan få detta att fungera?
varför inte göra en lista istället?
mer cssvänligt framför allt...
<ul>
<li><a href="#">namn</a></li>
<li><a href="#">datum</a></li>
</ul>
Intressant förslag men det gör sig inte i min design.
Å andra sidan så har det hela fått en trevlig lösning...
<tr onmouseover="byt färg med css" onmouseout="byt tillbaka" onclick="location='dit jag ska vid klick';" style="cursor:hand">
Tänk att lösnigen kunde vara så enkel :)
Slänge ihop ett litet exempel, kan det passa tro?
<HTML>
<HEAD>
<style type="text/css">
a {cursor:hand; color:red;}
table {width:400; height:200; border:1px solid black;}
a.td1 {width:400; height:100%;border:1px solid black;}
.td2 {width:400; height:100%; border:1px solid black;}
</style>
</HEAD>
<BODY BGCOLOR=gray>
<table>
<tr>
<td onMouseOver="this.style.backgroundColor='lightgreen';" onMouseOut="this.style.backgroundColor='green';">
<a href="http://www.google.se" class="td1">Google</a>
</td>
</tr>
<tr>
<td onMouseOver="this.style.backgroundColor='lightblue';" onMouseOut="this.style.backgroundColor='blue';" >
<a href="http://www.yahoo.se">Vanlig länk, bara en hand på själva länken</a>
</td>
</tr>
</table>
</BODY>
</HTML>