Hey guys,
I’m having a rather bizarre issue with background colors in a web application I’m working with.
I’m setting a background-color for a tr element like so:
[CODE]tr.odd td.calendarBlanks, tr.odd td.calendarEvent, tr.odd td.conferenceEvent
{
background-color: #F3F3F3;
}
tr.even td.calendarBlanks, tr.even td.calendarEvent, tr.even td.conferenceEvent
{
background-color: #FFFFFF;
}
[code=html] <tr class=”odd”>
<td class=”calendarEvent”>
<a href=”#” onclick=”openSummaryPopup(‘eventSummaryPopup.do?eventName=’ + this.innerHTML)”>Calendar Event Goes Here</a>
</td>
</tr>
<tr class=”odd”>
<td class=”conferenceEvent”>Conferences</td>
</tr>
<tr class=”even”>
<td class=”calendarEvent”>
<a href=”#” onclick=”openSummaryPopup(‘eventSummaryPopup.do?eventName=’ + this.innerHTML)”>Calendar Event Goes Here</a>
</td>
</tr>
<tr class=”even”>
<td class=”conferenceEvent”>Conferences</td>
</tr>
The problem is that it doesn’t show this background color for the odd rows, but if I change it to a color slightly darker, like #E1E1E1, it appears. Now the application is large and on this particular page it calls 6 different style sheets for different page tiles. So I can’t post those, but I will tell you that I’ve gone searching throughout the stylesheets and there is no reference to any tr td elements that would even have the slightest chance of changing the the elements style to something else.
I’m wondering if anyone else has run into a situation like this in the past. The error occurs in both Mozilla and IE, which leads me to believe something I’m doing is obviously wrong.
Any insight or help is appreciate, I realize I’m not providing much code, but please know I would if I could.