0

テーブルを使用して愚かな問題が発生しています。テーブルをほとんど使用したことがなく、最初の画像の後に大きなスペースがある理由がわかりません。「-margin」とPaddingを使用して幅を設定してみました。サイズを小さくするものが見つかりません。

<tr class="tblpadding">
    <td>Character:</td>
    <td class="tdchar"><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td>
    <td><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td>
    <td><img src="http://www.xronn.co.uk/pokearena/assets/img/charcter/2.gif"></td>
</tr>

問題を示すためにフィドルを見るのが最善です - http://jsfiddle.net/uh6j4/1/

4

2 に答える 2

3

ボックスのために列セルの幅が広いため、そのセルinput type textに追加するだけですcolspan

デモ

また、例の表のセルに一貫性がない ことを確認したので、要件に従ってそれらを修正してください。


ただし、説明に関する限り、colspanそれらの画像を含む列で使用する必要があります。


また、これを指摘したいと思います。formネストされた要素をtr直接の子として使用することは無効です。それを 内で使用する必要があります。ウェブサイトを公開する前に、常にここでtdマークアップを検証してください...しかし、アイデアに関する限り、作成しようとしているサインアップ フォームは、テーブルなしで設計できます。

于 2013-08-28T11:53:32.693 に答える