0

img { max-width: 100%;

これはコンテンツを破壊しています。つまり、ブートストラップ ベースのテンプレートで画像が縮小しています。これがなぜなのかわかりません。

コンテンツは、行と次のようないくつかのアイコン画像を含むテーブルです

<table>
  <tr class="sectiontableentry2 even" id="tree_row_26">
    <td align="center" valign="middle" width="20">4</td>

    <td id="jlms_step_26" valign="middle" width="20"><img alt="accept" border=
    "0" class="JLMS_png" height="16" src="../lms_images/toolbar/btn_accept.png"
    width="16"></td>

    <td align="center" valign="middle" width="16">
      <div style="text-align: center; vertical-align: middle">
        <span style="text-align:center;"><img alt="content" border="0" class=
        "JLMS_png" height="16" src=
        "http://demo1.bwood1.wok.catn.com/components/com_joomla_lms/lms_images/files/file_content.png"
        width="16"></span>
      </div>
    </td>

    <td align="left" colspan="1" valign="middle" width="100%"><a href=
    "javascript:seek_step_id=26;ajax_action('lpath_seek');">Automation
    criteria</a></td>
  </tr>
</table>
4

2 に答える 2

0

@_pier からの適切な修正は次のとおりです。

table td img { display: block; width: 100%; }

于 2014-04-02T12:02:31.167 に答える
0

すべての行を合わせた幅は、テーブルの幅よりも大きくなっています。

テーブルの幅と固定幅の列のみを設定します。

<table style="width: 100%">
  <tr class="sectiontableentry2 even" id="tree_row_26">
    <td align="center" valign="middle" width="20">4</td>

    <td id="jlms_step_26" valign="middle" width="20"><img alt="accept" border=
    "0" class="JLMS_png" height="16" src="../lms_images/toolbar/btn_accept.png"
    width="16"></td>

    <td align="center" valign="middle" width="16">
      <div style="text-align: center; vertical-align: middle">
        <span style="text-align:center;"><img alt="content" border="0" class=
        "JLMS_png" height="16" src=
        "http://demo1.bwood1.wok.catn.com/components/com_joomla_lms/lms_images/files/file_content.png"
        width="16"></span>
      </div>
    </td>

    <td align="left" colspan="1" valign="middle"><a href=
    "javascript:seek_step_id=26;ajax_action('lpath_seek');">Automation
    criteria</a></td>
  </tr>
</table>

http://jsfiddle.net/LqVyu/

次回は、「なぜこれが起こっているのか」または「私が間違っていることは何ですか」と質問して、反対票を投じないようにしてください。質問自体は有効だからです。

于 2013-01-04T20:43:58.770 に答える