ChroMe
Legacy Member
Code:
html { /* altijd verticale scrollbar laten zien in firefox */
overflow: -moz-scrollbars-vertical;
}
.center{ /* om website te centraliseren in het venster */
margin: auto;
width: 760px;
}
td {
background-color: #C3EFFF;
background-repeat: no-repeat;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
font-size: 10px;
}
.tabellinks { /* voor de tabel aan linkerkant met links in */
background-color: #345B80;
margin: 0px 0px 0px 5px;
}
.tabellinks a:link {
border-left:4px solid #345B80;
text-decoration: none;
color: #FFFFFF;
padding:0px 0px 0px 1px;
}
.tabellinks a:visited {
border-left:4px solid #345B80;
text-decoration: none;
color: #AAAAAA;
padding:0px 0px 0px 1px;
}
.tabellinks a:hover {
border-left:4px solid #FF9900;
text-decoration: none;
color: #FFFFFF;
padding:0px 0px 0px 1px;
}
.tabellinks a:active {
border-left:4px solid #AA0000;
text-decoration: none;
color: #FF9900;
padding:0px 0px 0px 1px;
}
.tabeltop { /* voor de links bovenaan */
padding: 5px 10px 5px 0px;
background-color: #345B80;
}
.tabeltop a:link {
border-bottom:2px solid #345B80;
text-decoration: none;
color: #FFFFFF;
}
.tabeltop a:visited {
border-bottom:2px solid #345B80;
text-decoration: none;
color: #AAAAAA;
}
.tabeltop a:hover {
border-bottom:2px solid #FF9900;
text-decoration: none;
color: #FFFFFF;
}
.tabeltop a:active {
border-bottom:2px solid #AA0000;;
text-decoration: none;
color: #FF9900;
}
Da's m'n CSS stijl, ik heb een balk met links bovenaan waarop de .tabeltop class van toepassing is, en een balk links waarop de .tabellinks class van toepassing is...
Iemand een idee waarom m'n a:active niet werkt?! (zowel in IE als FF werkt het niet)
Grtz
LoVe HAte ^^