When users view my thread listing in expanded view, unread replies are highlighted. However, sometimes the code generates a CSS class that isn't defined. Infopop2 uses "lighttable", "darktable", "newlighttable", and "newdarktable" for this. Strangely enough, I'm finding "newnewlighttable" and "newnewdarktable" in the HTML code. Since these aren't defined in the stylesheet, they default to the page background color, which is the same as the link color. EDIT - Oddly enough, sometimes even "newdarktable" and "newlighttable" cause the problem. I have yet to see any pattern whatsoever.
Here is a screenshot:
[]
http://www.orangewhoopass.com/cssproblem.jpg[/]
Link to problem I tried going into the stylesheet, copying and pasting all "newlighttable" and "newdarktable" entries, and turning them into "newnewlighttable" and "newnewdarktable", but that doesn't seem to work. So, I'd rather just make the code work right.
Here is the pertinent information in my stylesheet, and the code that is being generated.
CSS (with my attempted fix in bold):
[].lighttable {
background-color: #FFFFF8;
color: #000000;
}
.darktable {
background-color: #FFFFFF;
color: #000000;
}
.newlighttable {
background-color: #FFFFF8;
color: #000000;
}
.newnewlighttable {
background-color: #FFFFF8;
color: #000000;
} .newdarktable {
background-color: #FFFFFF;
color: #000000;
}
.newnewdarktable {
background-color: #FFFFFF;
color: #000000;
} .newlighttable a:link {
}
.newlighttable a:visited {
}
.newlighttable a:active {
}
.newlighttable a:hover {
}
.newnewlighttable a:link {
}
.newnewlighttable a:visited {
}
.newnewlighttable a:active {
}
.newnewlighttable a:hover {
} .newdarktable a:link {
}
.newdarktable a:visited {
}
.newdarktable a:active {
}
.newdarktable a:hover {
}
.newnewdarktable a:link {
}
.newnewdarktable a:visited {
}
.newnewdarktable a:active {
}
.newnewdarktable a:hover {
} [/]
Here is an excerpt of the HTML:
<tr> <br /> <br /><td align="left" class="newnewdarktable" valign="top" width="1%"> <br /><img alt="." src="/bbs/images/blank.gif" width="15" height="13" style="vertical-align: text-top" /> <br /></td>
Tried searching for this and didn't have much success. Any help would be much appreciated.