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 回答