Gossamer Forum
Home : General : Internet Technologies :

<TD> style options - height, width, more....

Quote Reply
<TD> style options - height, width, more....
Hi All

I have some table cells with links and rollover colors:

Quote:
<td onmouseover="this.style.background='#666666'" onmouseout="this.style.background='#303730'" onclick="window.location.href='http://www.mysite.com'" align="center" width="12%" height="18" valign="middle"><a href="http://www.mysite.com/" class="headernav">Home</a></td>

I'm trying to get down to something like this:

Quote:
<td onclick="window.location.href='http://www.mysite.com'" class="headernavcell"><a href="http://www.mysite.com/" class="headernav">Home</a></td>

by including something like the following in a stylesheet:

Quote:
.headernavcell { vertical-align:middle; align:center; width:12%; height:18; background-color: #303730; onmouseover:this.style.background='#666666'; onmouseout=this.style.background='#303730'; }

Is it possible to encompass all of those attributes in a style tag?

What I've found so far doesn't tell me either way.

Thanks very much Smile

------------------------------------------
Quote Reply
Re: [DogTags] <TD> style options - height, width, more.... In reply to
Hello DogTags

See : http://www.xs4all.nl/~peterned/csshover.html

or this example of basic TD rollover effects through style

Last edited by:

cornball: Feb 29, 2004, 6:44 AM
Quote Reply
Re: [cornball] <TD> style options - height, width, more.... In reply to
Interesting. Thanks, cornball Smile Smile

------------------------------------------