2 replies [Last post]
terminal205
Offline
newbie
Texas
Last seen: 12 years 3 weeks ago
Texas
Timezone: GMT-7
Joined: 2010-09-13
Posts: 2
Points: 3

I'm rather new to css, and I am attempting to get table rows to zoom/grow a bit when the mouse hovers over a table row(without having the contents wrap or modify the table). This makes sense in my head.. but apparently not to browsers..

....
.t3
{
	text-align:left;
	color:#EDEDEF;
	background-color:#D7D7D7;
        /* :hover zoom code goes here */
}
 
....
<TR class="t3">
	<TD class="td_plans">III</TD>
	<TD class="td_plans">High</TD>
	<TD class="td_plans">14ยข GHz/hr</TD>
	<TD class="td_plans">FILLER</TD>
</TR>
....

What code do I need to fill in in order to make it work?

terminal205
Offline
newbie
Texas
Last seen: 12 years 3 weeks ago
Texas
Timezone: GMT-7
Joined: 2010-09-13
Posts: 2
Points: 3

It occurs to me that zoom may

It occurs to me that zoom may not be the function i want to call, though I'm not sure what action is similar to this.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 51 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You chould maybe do something

You chould maybe do something like:

tr:hover td { padding: more than what you had before; font-size: ditto }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference