[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