1

CSS を含む HTML ページがあります。CSS はページの特定の部分では機能しますが、ここで説明する部分では機能しません。背景色を設定し、その他のスタイルをいくつか変更したいのですが、実装されていません。

CSSは次のとおりです。

table.tablesorter thead tr, table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; font-size: 8pt; padding: 4px; }
table.tablesorter thead tr .header { cursor: pointer; }
table.tablesorter tbody td { padding: 6px; vertical-align: top; border-bottom: dashed 1px #333; }
table.tablesorter tbody tr.odd td { background-color: #F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(images/asc.gif) no-repeat; }
table.tablesorter thead tr .headerSortDown { background-image: url(images/desc.gif) no-repeat; }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }

HTMLは次のとおりです。

    <table>
    <thead>
    <tr>
    <th>Pilot ID</th>
    <th>Rank</th>
    <th>Total Flights</th>
    <th>Total Hours</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td align="center"><?php echo $pilotcode; ?></td>
    <td align="center"><?php echo $userinfo->rank;?></td>
    <?php
    if($report)
    { ?>
        <!--<td><strong>Latest Flight: </strong><a 
                href="<?php echo url('pireps/view/'.$report->pirepid); ?>">
                <?php echo $report->code . $report->flightnum; ?></a>
        </td>-->
    <?php
    }
    ?>
    <td align="center"><?php echo $userinfo->totalflights?></td>
    <td align="center"><?php echo $userinfo->totalhours; ?></td>
    </tr>
    </table>

これにより、太字のテキストとその下のプレーンテキストがすべて表示されます。

ここに画像の説明を入力

4

1 に答える 1

5

CSS は、クラス tablesorter を使用してテーブルにスタイルを適用しています。これをテーブルタグに追加するだけです

<table class='tablesorter'>
table content
</table>

デモ

于 2013-08-07T20:15:21.883 に答える