0

コードは次のとおりです。

<table border="1" cellpadding="2" cellspacing="2" height="250">
<tbody>
    <tr>
        <td>
            <div style="background: url('image path goes here';); width: 300px; height: 250px; position: relative;">
<p style="width: 180px; font-size: 12px; margin-top: 35px; position: absolute;">My TEXT goes here....</p>
        </td>
    </tr>
</tbody>
</table>

今、画像の幅を広げるか、画像を左インデントする必要があります。

どうやってやるの ？

幅を直接指定しようとしましたが、うまくいきません...

アドバイスや提案はありがたく感謝します..

4

2 に答える 2

1

親divの背景として画像を使用しています。画像のサイズだけを変更したい場合は、img タグを使用する必要があります。以下の例のようなもの

    <table border="1" cellpadding="2" cellspacing="2" height="250" width="300">
<tbody>
    <tr>
        <td>
            <div >
                <img style="float:left;" src="http://www.gravatar.com/avatar/03bc7f86de865926a1cb5036198d00a0?s=32&amp;d=identicon&amp;r=PG" width="150px" height="125px" /></div>
<p style=" display: block; width: 280px; font-size: 12px; margin-top: 35px; position: relative;">We understand you want to choose benefits that suit you and your life. And we regularly review things so we're always offering benefits you say you want to see.</p>
        </td>
    </tr>
</tbody>
</table>​​​​​​​​​​​​​​​
于 2012-12-11T10:15:58.283 に答える
0

CSS3 の background-size プロパティを使用できます。

.myelement {
    background-size: 275px 125px; /* input your values here */
}

別の方法として、DIV の背景にする代わりにイメージをインラインにし、そのように通常の幅と高さを使用してサイズを変更することもできます。

あなたが投稿したコードに関するいくつかのポイント：

  1. テーブルは、単純なレイアウトの目的ではなく、表形式のデータを表示するためにのみ使用する必要があります。
  2. 終了 DIV タグがありません。
于 2012-12-11T10:14:49.013 に答える