Forum PHP.pl > Hover tabela w tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

rad11

2.07.2015, 11:46:59

Mam taka strukture tabeli:

[HTML] pobierz, plaintext 
<table id="users_sum_year" class="row-border hover order-column">
                <thead>
                    <tr>
                        <th>Data</th>
                        <th>Suma obrotów</th>
                        <th>Łaczna suma</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                        <td><table style="width:100%"><tr><td>cartman</td><td>Rysiek</td></tr></table></td>
                        <td></td>
                    </tr>
 
                    <tr>
                        <td>2007</td>
                        <td><table style="width:100%"><tr><td>100</td><td>200</td></tr></table></td>
                        <td>300</td>
                    </tr>
 
                    <tr>
                        <td>2007-01</td>
                        <td><table style="width:100%"><tr><td>&nbsp50</td><td>100</td></tr></table></td>
                        <td>150</td>
                    </tr>
 
                    <tr>
                        <td>2007-02</td>
                        <td><table style="width:100%"><tr><td>&nbsp50</td><td>100</td></tr></table></td>
                        <td>150</td>
                    </tr>
 
                    <tr>
                        <td>2008</td>
                        <td><table style="width:100%"><tr><td>100</td><td>200</td></tr></table></td>
                        <td>300</td>
                    </tr>
 
                    <tr>
                        <td>2009</td>
                        <td><table style="width:100%"><tr><td>100</td><td>200</td></tr></table></td>
                        <td>300</td>
                    </tr>
                </tbody>
            </table>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
table tbody tr:hover{
    cursor: pointer;
    background: #E6D7C6;
}
[HTML] pobierz, plaintext

Kiedy najezdzam otrzymuje taki efekt :

Jak zrobic aby caly rekord byl podswietlony?

trueblue

2.07.2015, 11:59:57

To Twój cały css? Szybki test na Chrome nie daje takich efektów.

Spróbuj tak:

Kod

table tbody tr:hover,
table tbody tr:hover *{
background: #E6D7C6;
}

rad11

2.07.2015, 12:11:45

Jest ok

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.