[thelist] simple css help

gruppenfreizeit postmeister at gruppenfreizeit.com
Fri Oct 28 17:20:12 CDT 2005


Hello,

try better this ;)

<html>
<head>
<script type="text/javascript">
function chgCol(obj,color1,color2)
{
obj.style.backgroundColor=color1;
obj.style.color=color2;
}
</script>
</head>
<body>
<table border="1" id="something">
<tr>
<a href="foo" id="link"><td onmouseover="chgCol(this,'black','white')"
onmouseout="chgCol(this,'white','black')"><br /><br />Foo</a><br /><br
/></td></a>
<a href="foo" id="link"><td onmouseover="chgCol(this,'black','white')"
onmouseout="chgCol(this,'white','black')"><br /><br />Foo</a><br /><br
/></font></td></a>
</tr>
</table>
</body></html>

Cheers

gruppenfreizeit



Making progress...

This is odd.  Copy and paste this code and then open the file in a browser.
The first TD works EXACTLY as it should, the second one does nothing when
you mouseover. ?!?!?

<style type="text/css">

#LinkThing a {
 display: block;
 text-decoration: none;
 background-color: #BEB778;
 color: #323E3E;
}

#LinkThing a:hover {
 background-color: #323E3E;
 color: #BEB778;
}

</style>

<table border="1" id="LinkThing">
 <tr>
  <td class="LinkThing"><a href="foo"><br><br>Foo<br><br></a></td>
  <td class="LinkThing"><a href="bar"><br><br>Bar<br><br></a></td>
 </tr>
</table>

--

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !




More information about the thelist mailing list