I'm using the following stylesheet with javascript dynamically generated tables
<style type="text/css">
.GROUPBOX {width: 300px}
.DOCBOX {width: 400px}
a.upLink:visited,a.upLink:link,a.upLink:active,a.dnLink:visited,a.dnLink:link,a.dnLink:active,a.delLink:visited,a.delLink:link,a.delLink:active {text-decoration: none}
a.upLink:link,a.upLink:visited {color:#00ff00}
a.upLink:active {color:#00ff00;font-weight:bold}
a.dnLink:link,a.dnLink:visited {color:#0000ff}
a.dnLink:active {color:#0000ff;font-weight:bold}
a.delLink:link,a.delLink:visited {color:#ff0000}
a.delLink:active {color:#ff0000;font-weight:bold}
</style>
the js code is of the form
function appendTd(tr,txt,colspan){
var td=document.createElement('td');
if(txt) td.appendChild(document.createTextNode(txt));
if(colspan>1) td.setAttribute('colSpan',colspan);
tr.appendChild
;
return td;
}
function appendTdLink(tr,ok,align,cls,href,txt){
var td=appendTd(tr,ok ? '' : '\xa0',1);
if(ok){
td.setAttribute('align',align);
var a = document.createElement('a');
a.setAttribute('href',href);
a.setAttribute('className',cls);
if(txt) a.appendChild(document.createTextNode(txt));
td.appendChild(a);
}
return td;
}
.......
appendTdLink(tr,i>0,'right','upLink','javascript:clickUp('+i+')','up'); appendTdLink(tr,i<DOCS.length-1,'right','dnLink','javascript:clickDn('+i+')','down');
appendTdLink(tr,1,'right','delLink','javascript:clickDel('+i+')','delete');
and I see coloured links with IE 5, but not with K-Meleon 0.6 or NS 6.2. Anyone see what I'm doing wrong?