HAL-PC Web Technolgies SIG

Page Name

Making a navigation links with rollovers using CSS & Tables

The code below is how the rollovers are accomplished in a table.
Note: Because of the cascading nature of CSS rules make sure that you put your link, visited, hover and active in just that order or you will not see them the way you intended.

td a:link {
	background-color: silver;
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
	border: thin solid black;
	text-decoration: none;
}
td a:visited {
	background-color: silver;
	color: black;
	font-weight: bold;
}
td a:hover {
	background-color: black;
	color: silver;
	text-decoration: none;
}
td a:active {
	background-color: silver;
	color: red;
}