CSS highlighting across cells
- Started
- Last post
- 8 Responses
- Atticus
i have a table with links, and i want the whole row to light up when one of the links is rolled over. Problem is, how do I make the entire row highlighted when there are multiple td's?
i'd like to not resort to flash if it's possible.
- pixlpushr0
Try this link and extract the javascript...
:-)
- spk0
add the the onmouseover script to the tag...
not entirely reliable but works in most browsers
yep.
- cinder0
dont use TDs.
Use big blank space gifs or somethinganyway
display: block;
it will make a 'row' light up using some basic javascript in the link tag
onmouseover="this.style.backgrou...
onmouseout="this.style.backgroun...
- Atticus0
Thanks, it worked. BTW, is it possible to use a backgroundimage as the highlight?
- ctrlRmB0
I'd like to see this
- paulsmith0
Why not use CSS ? You could use an inline list and usual a href links with css to set their size and then simply to the a:hover with a background colour change.
If you wanted an entire "table" to highlight when moused over then place the list in a div and apply the same a:hover to that.
I know I am being vague but I am too tired to write a full tutorial on what to do.
- lind0
CSS is the way to go -- check these link http://www.projectseven.com/whim…
- Atticus0
Perfect, exactly what I was looking for. Thanks!