Table Cell... [Archive] - WebDeveloper.com

Paul Jr

08-14-2003, 11:44 PM

Is there a way to get a Table Cell to act like a link?
Also, does anyone know a way to manipulate text position inside a Table Cell with the "onMouse Down" and "onMouse Up" to give the illusion of a button?

Edit: Could someone give me the script to get a Table to fade in?

DaveSW

08-15-2003, 07:39 AM

Here's a quick test page:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>table menu</title>
<style type="text/css">
/*<![CDATA[*/
a:link {
font-weight: bold;
font-size: 120%;
text-decoration: none;
text-align: center;
display: block;
width:150px;
height: 30px;
color: #ffffff;
background-color: #ff0000;
border: 1px solid #009900;
}
a:visited {
font-weight: bold;
font-size: 120%;
text-decoration: none;
text-align: center;
display: block;
width:150px;
height: 30px;
color: #ffffff;
background-color: #ff0000;
border: 1px solid #009900;
}
a:hover {
font-weight: bold;
font-size: 120%;
text-decoration: none;
text-align: center;
display: block;
width:150px;
height: 30px;
color: #ffffff;
background-color: #009900;
border: 1px solid #009900;
}
a:active {
font-weight: bold;
font-size: 120%;
text-decoration: none;
text-align: center;
display: block;
width:150px;
height: 30px;
color: #ffffff;
background-color: #009900;
border: 1px solid #009900;
}
/*]]>*/
</style>
</head>
<body>
<a href="somewhere.html">Link</a>
</body>
</html>

Copy and paste into notepad, and save as blocklink.html

Then open it in a browser. The width and height should be the size of the table cell.

DaveSW

08-15-2003, 07:57 AM

oh yes - I forgot to say:

"Any Questions Men?"

LOL

Paul Jr

08-15-2003, 01:01 PM

That works perfectly!
Thanks!

starrwriter

08-16-2003, 02:08 AM

This uses CSS to produce a double mouseover effect with text and table cells:

http://menwiz.netfirms.com/text.htm

(Look at the source code)