how to give rollover image to a particular td?
i want that rollover image to full td i was tried but it takes only that txt?

Recommended Answers

All 5 Replies

u have to change the innerhtml of td tag.
so the onmousover event will look something like this:

onmouseover = "document.getElementById('tdId').innerhtml='<img src='imgname.jpg'>' "

how to give rollover image to a particular td?
i want that rollover image to full td i was tried but it takes only that txt?

You can create a CSS class & set ur BG Image in that class. And then just integrate that class in your TD.
Then the desired output can be achieved.

Eg.
---CSS Class--

.SampleClass{
background:url(defaultimageName.png);
}
.SampleClass:hover{
background:url(rolloverimageName.png);
}

---CSS Class--

<td class="SampleClass">Sample</td>

--
Hope this works for you...!

i had already tried this.but it takes that img only for text whichever
written.i want that image rollover for hole that td

I would preferably emphasize to use ':hover' attribute for a CSS class you are using (in this rollover image is to be used), I am quite confident that the desired result would be obtained.

ok. will try thanks:)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.