SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    May 2009
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry EI7 not showing background-color

    Hi, i have a table with alternating rows, white and yellow that works fine but i have two classes, one with a checkmark and the other with an asterisk. This two classes only have a small .png image as a background. The thing is that anywhere these two classes are you can see the checkmark and asterisk transparent images but no the background-color applied to the row behind it.

    I have:

    .asterisk {
    background: url(../images/digital_dashboard/grey-asterisk.png) no-repeat 50% 50%;
    padding: 0 !important;
    }

    .checkmark {
    background: url(../images/digital_dashboard/grey-check-mark.png) no-repeat 50% 50%;
    padding: 0 !important;
    }

    tr.odd {
    background-color: #fef8db;
    border-left: 1px solid #6D6D6D;
    }
    tr.even {
    background-color: #ffffff;
    border-left: 1px solid #6D6D6D;
    }

    Can't send you a link because it's a back-end app.

    <tr class="even">
    <td class="checkmark"></td>
    </tr>

    So, where the checkmark or asterisk classes are the tr background-color disappears. Any help? Thanks.
    Attached Images Attached Images

  2. #2
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Posting full HTML and CSS for the page could be useful.

  3. #3
    SitePoint Member
    Join Date
    May 2009
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up

    My friend this is a report, too big to show the code but thanks anyways I just took a different approach to avoid this issue. Again thanks!

  4. #4
    SitePoint Zealot
    Join Date
    Sep 2003
    Location
    Birmingham UK
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try setting the background colour on the td rather than the tr:

    tr.odd td {
    background-color: #fef8db;
    }
    tr.even td {
    background-color: #ffffff;
    }
    Rich.
    Late Night, Cold Coffee: Like daytime, but darker.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •