gotFusion.com...... Where your adventure begins
Showcase your website at Fusion GalleriesNetObjects Fusion 7 Websites Portal

 


 

How To Make CSS Table "Rollovers" (MouseOvers).

 


This

Is

A

Sample

Of

CSS

Table

(MouseOver)



When You MouseOver The Above Table, The Cells Change Colors Like Rollovers.

This

Is

A

Sample

Of

CSS

Table

(MouseOver)



Other Colors.

1



a.. In Page View, Place The Table.
b.. Double Click The Cell, Click The Cell Tab, Then Click The Cell HTML Button.

2



In The Object HTML Palette, Click The Inside Tag Tab, Paste The Code Below, Then Click OK.
Repeat For Each Cell.
(Select Any Colors Desirable.)

onmouseover="this.style.background='#cccccc'"
onmouseout="this.style.background='#66ffff'"

( A Note On Pasting Code, Copy The Above Code, Then Paste Into NotePad, Then Copy And Paste Into NOF.
Copy Once From NotePad Then Paste Into All The Cells.)

3



a.. Place Text Links Into Cells, Align, etc..
b.. Select All The Cells And Apply A Cell Background Color.
c.. Adjust Table Border, Padding, Spacing.
 

Return to the TOP of this page

|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?
 

All content copyright © 2002 gotFusion LLC.  The name gotFusion and the gotFusion ® logo are registered trademarks of gotFusion LLC
Copyright, legal notice & privacy statement