0

これは、セルにテキストを含むテーブルがあるページへのリンクです。

テーブルの HTML は次のとおりです。

      <p>…committed to fostering the review of policy and law relating to public land.</p>
      <h2>Workshops &nbsp;&mdash;&nbsp; Spring 2013 series</h2>
      <table style="width: 100%;">
        <tr class="table_top row_color_A" >
            <td class="bold_type td" style=" width: 22%; "><a href="/pdf/The_Road_Less_Travelled.pdf">The Road Less Travelled</a></td><td class="td" style="width: 40%; ">Unused, orphaned and otherwise unloved roads</td><td class="td" style="width: 30%">Friday 26 July 2013<br />Monday 29 July 2013</td>
        </tr>
        <tr class="table_top row_color_B">
            <td class="bold_type td row_color ">Off-Title </td><td class="td">How developments may flow across title boundaries</td><td class="td">Friday 6 Sept 2013</td>
        </tr>
        <tr class="table_top row_color_A">
            <td class="bold_type td">Bathing Boxes and Boatsheds</td><td class="td">Deficiencies in Coastal Policy and Law</td><td class="td">Friday 20 Sept 2013</td>
        </tr>
        <tr class="table_top row_color_B">
            <td class="bold_type td">Section 86</td><td class="td">How best to facilitate community management of public land</td><td class="td">Friday 6 Oct 2013</td>
        </tr>
        <tr class="table_top row_color_A">
            <td class="bold_type td">Road Risk</td><td class="td">The Road Management Act protections against negligence</td><td class="td">Friday 25 Oct 2013</td>
        </tr>
      </table>

関連する CSS スタイルは次のとおりです。

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #555;
  background-color: #6685a3;
}

table .table_top {
vertical-align: top;
}

table .bold_type {
    font-weight: bold;       
}

table .td {
    border: 0px;
    margin: 0;
    padding: 4px 4px 20px 4px;
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 9pt;
}

table .row_color_A {
    background-color: #e8e8e8;
    color: #555;
}

table .row_color_B {
    background-color: #9f9f9f;
    color: #444;
}

CSSファイルへのリンク

CSS ファイルと Inspect Element の手動検査の両方で、表のテキストが本文のテキストよりも小さいことが示されています。

頭をかきました…</p>

4

0 に答える 0