You say "proper" I say inefficient. You have to use extra letters for a dipthong that isn't even pronounced! Just like Aluminum. Do you say Al-you-min-ium? or just Al-uh-minum? And if the former, then how do you spell it? Anyway, here's what you're looking for.
<html>
<head>
<style><!--
a.limey, table.limey a
{
color:006600;
background-color:eeffee
}
a.fruit, table.fruit a
{
color:000066;
background-color:eeeeff;
}
a.limey:hover, table.limey a:hover
{
color:eeffee;
background-color:006600;
}
a.fruit:hover, table.fruit a:hover
{
color:eeeeff;
background-color:000066;
}
--></style>
<!-- note that a:hover only works with IE, and NetScapes'
css support is buggy at best.-->
</head>
<body background="/images/bground.gif" bgcolor="#ffffff" text="#000000" marginheight="0" topmargin="0">
<a class=limey href="#">Bloody</a><br>
<a class=fruit href="#">Hell</a>
<!-- or if you have a lot of links, and don't want to specify class individually...
the expression following the comma in the above style declaration is the hot ticket.
Oh yes, for this stuff to work you have to spell color the lazy way.-->
<table class=limey><tr><td>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
</td></tr></table>
<table class=fruit><tr><td>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
<a href="#">Bugger</a><br>
</td></tr></table>
</body>
</html>
Cheers! If you're looking for the JavaScript/HTML/DHTML/CSS equivalent of the vb-world site, check out this link http://freewarejava.com/cgi-bin/Ultimate.cgi