HAL-PC Web Technolgies SIG

Mail List | SIG Leader

Navigation with CSS & Tables

HAL-PC Web Technologies SIG

Making a navigation links with rollovers using CSS & Tables

HAL-PC Links

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.

a:link {
background-color: Silver;
text-decoration: none;
color: Black;
font-weight: Bold;
width:170px;
}
a:visited {
background-color: Silver;
color: Black;
font-weight: Bold;
}
a:hover {
background-color: Black;
color: Silver;
}
a:active {
background-color: Silver;
color: Red;
}
.nav {
background-color: Silver;
padding: 5px;
width: 172;
border: medium Black ridge;
}
td. wide {
width: 172;
vertical-align: top;
}
td.top {
vertical-align: top;
}

About Us | Site Map | Advanced Search | Privacy Policy | Contact Us | ©1999-2006 HAL-PC Web Technologies SIG Leader Cheryl D. Wise