/    Sign up×
Community /Pin to ProfileBookmark

onmouseover and cell size…

Copy linkTweet thisAlerts:
Dec 22.2006

Hi!

got a little trouble: I just want to define a cell and have a background color change. I use onmouseover. The problem is that the background change applies only on the text area, not the whole cell …Could you help me so that the background change in “onmouseover” applies to the whole cell and not only half of it ??

here is my script:

[code=html]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
<title>Document sans nom</title>

</head>

<body>

<table width=”98%” border=”1″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td><div><T onmouseover=”this.style.background=’#FFFF00′”
onmouseout=”this.style.background=’#FFFFFF'”><a href=”dddd”>dddd</a></div>
</td>
<td>ddd</td>
<td>sddsds</td>
</tr>
</table>

</body>
</html>[/code]

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@TheBearMayDec 22.2006 — Not getting any expanding but by eliminating the <p> (which wasn't closed) and the <div> you can narrow the row height:
[code=html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<table width="98%" border="1" cellpadding="0" cellspacing="0">

<tr>

<td onmouseover="this.style.backgroundColor='#FFFF00'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<a href="dddd" class="Style2">dddd</a>
</td>

<td>ddd</td>

<td>sddsds</td>

</tr>
</table>
</body>
</html>[/code]
and by placing the color change on the cell you'll solve the other.
Copy linkTweet thisAlerts:
@patimagesauthorDec 22.2006 — brilliant !

thanks a lot !!!!!!!!!!!!!!
×

Success!

Help @patimages spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...