Please contact (802) 224 - 6525 for price quotes and programming support.
Follow this link for a resume of php and Mysql Programing experience
Digg This!
Vermont Web Design > Forum > Website Designers Section > HTML and Javascript > Topic: Table on mouseover ...

 0 Members and 1 Guest are viewing this topic. « previous next »

Pages: [1] Go Down Print
Author Topic: Table on mouseover ...  (Read 3020 times)
websitedesigner
Newbie
*

Karma: 0
Offline Offline

Posts: 12


View Profile
« on: May 27, 2007, 11:47:49 PM »
Hi, i need help to make a table background is change for color while onmouseover ??

This is my example html code;

Quote
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><div align="center"><img src="images/arrow.gif" width="7" height="7"></div></td>
      <td onmouseover="#00000" onmouseout="#33333">Upload Files</td>
    </tr>
  </table>
Logged
softcode
Newbie
*

Karma: 0
Offline Offline

Posts: 10


View Profile
« Reply #1 on: May 27, 2007, 11:51:40 PM »
You can do this by using CSS style for function.


Quote
<style type="text/css">
.cell_over {
BACKGROUND-COLOR:#404040;
color:#cccccc;
 }
.cell_out { BACKGROUND-COLOR: #FFFFCC }
.cell_over { BACKGROUND-COLOR: #C9E4FC }
</style>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><div align="center"><img src="images/arrow.gif" width="7" height="7"></div></td>
      <td onmouseover="this.className='cell_out';" onmouseout="this.className='cell_over';">Upload Files</td>
    </tr>
  </table>
Logged
pricklyrose
Newbie
*

Karma: 0
Offline Offline

Posts: 3


View Profile
« Reply #2 on: June 24, 2007, 12:05:19 PM »
Hi,

Try this...
Code:
1    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" onMouseover="bgColor='green'" onmouseout="bgColor='white'">
2     <tr>
3       <td><div align="center"><img src="images/arrow.gif" width="7" height="7"></div></td>
4  <td onmouseover="#00000" onmouseout="#33333">Upload Files</td>
5  </tr>
6  </table>
7 

Hope this helps.
Rosey
Logged
Juimmepe73
Newbie
*

Karma: 0
Offline Offline

Gender: Male
Posts: 2

http://russian-brides-best.com/ - russian singles online


View Profile WWW
« Reply #3 on: December 03, 2009, 09:14:26 PM »
Is this table for layout purposes, or are you planning on using this table to contain tabular data?
Logged
=http://russian-brides-best.com/]russian true love[/url]
Pages: [1] Go Up Print 
Vermont Web Design > Forum > Website Designers Section > HTML and Javascript > Topic: Table on mouseover ...
 « previous next »
Jump to:  

Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC
TinyPortal v0.9.8 © Bloc
Christmas2006 design by Bloc
Page created in 0.164 seconds with 29 queries.