Question

HTML 排版问题 还有为什么input 按钮只显示一半。

<div>

<!--网站内容开始-->
<div>
<img style="border: 1px;" src="<%=Malls["Image"] %>" width="310" height="310"/>

</div>
<div>
<span style=" padding:0px 10px 0px 20px ; "> <input style=" width:128px;height=36px; background-image: url(../../images/换物流程.jpg)";type="button" value="" onclick="window.location.href('')" /></span>

<span style=" padding:0px 20px 0px 0px;"><input style=" width:128px;height=36px; background-image: url(../../images/联系客服.jpg)";type="button" value="" onclick="window.location.href('')" /></span>

</div>

<table style=" width:390px; height:390px; " align="right" ; border="0"/>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left"> 商品编码:<%=Malls["ProductID"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品名称:<%=Malls["ProductName"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品类型:<%=Malls["ProductType"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">库存数量:<%=Malls["Inventory"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">上架时间:<%=Malls["AddedTime"].ToString() %></td> <%--(format).ToString("yyyy-MM-dd")--%>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">市场价格:<%=Malls["Price"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">会员价格:<%=Malls["MemberPrice"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品颜色:<%=Malls["ProductColor"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left" >详细介绍:<%=Malls["Remarks"] %></td>
</tr>
</table>
</div>

这是代码
我想让table 和图片并排 这段代码显示table在图片右下角。我要的效果相当于图片左环绕，代码该怎么改？
还有为什么 按钮只显示一半？
告诉帮忙啊！！

Answer 1

<div>
<div style="float:left">
<div>
<img style="border: 1px;" src="<%=Malls["Image"] %>" width="310" height="310"/>
</div>
<div>
<span style=" padding:0px 10px 0px 20px ; "> <input style=" width:128px; height:36px; background-image: url(../../images/换物流程.jpg)" type="button" value="" onclick="window.location.href('')" /></span>
<span style=" padding:0px 20px 0px 0px;"><input style=" width:128px; height:36px; background-image: url(../../images/联系客服.jpg)" type="button" value="" onclick="window.location.href('')" /></span>
</div>
</div>
<div style="float:right">
<table style=" width:390px; height:390px; " align="right" border="0"/>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left"> 商品编码:<%=Malls["ProductID"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品名称:<%=Malls["ProductName"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品类型:<%=Malls["ProductType"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">库存数量:<%=Malls["Inventory"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">上架时间:<%=Malls["AddedTime"].ToString() %></td> <%--(format).ToString("yyyy-MM-dd")--%>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">市场价格:<%=Malls["Price"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">会员价格:<%=Malls["MemberPrice"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品颜色:<%=Malls["ProductColor"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left" >详细介绍:<%=Malls["Remarks"] %></td>
</tr>
</table>
</div>
</div>

Answer 2

1、将div浮起即可
2、style="css1;css2;" 分号注意要写在引号内，你的两个input的分号都写在了引号外！

<div>
<!--网站内容开始-->
<div style="float:left;">
<img style="border: 1px;" src="<%=Malls["Image"] %>" width="310" height="310"/>
</div>
<div>
<span style=" padding:0px 10px 0px 20px ; "> <input style=" width:128px;height=36px; background-image: url(../../images/换物流程.jpg);" type="button" value="" onclick="window.location.href('')"/></span>

<span style=" padding:0px 20px 0px 0px;"><input style=" width:128px;height=36px; background-image: url(../../images/联系客服.jpg);" type="button" value="" onclick="window.location.href('')" /></span>

</div>

<table style=" width:390px; height:390px; " align="right" ; border="0"/>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left"> 商品编码:<%=Malls["ProductID"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品名称:<%=Malls["ProductName"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品类型:<%=Malls["ProductType"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">库存数量:<%=Malls["Inventory"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">上架时间:<%=Malls["AddedTime"].ToString() %></td> <%--(format).ToString("yyyy-MM-dd")--%>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">市场价格:<%=Malls["Price"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">会员价格:<%=Malls["MemberPrice"] %>(元)</td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left">商品颜色:<%=Malls["ProductColor"] %></td>
</tr>
<tr>
<td style="font-size: 14px; width: 345px; height: 30px" align="left" >详细介绍:<%=Malls["Remarks"] %></td>
</tr>
</table>
</div

Answer 3

<div>

<!--网站内容开始-->
<div style="width:310px; float:left;">
<img style="border: 1px;" src="<%=Malls["Image"] %>" width="310" height="310"/>

</div>
<div style="width:300px; float:left;"><span style=" padding:0px 10px 0px 20px ; ">
<input style=" width:128px; height=36px; background-image: url(../../images/换物流程.jpg)";type="button" value="" onClick="window.location.href('')" />
</span><span style=" padding:0px 20px 0px 0px;">
<input style=" width:128px; height=36px; background-image: url(../../images/联系客服.jpg)";type="button" value="" onClick="window.location.href('')" /></span>

</div>
</div>
<div style="width:390px; height:100px; clear:both; display:inline; border:1px solid #FF0000; overflow:hidden;">
商品编码</div>

我把你最后那个表格去掉了。就改成这样了。。基本就是这个样子你可以自己在调下。
你是不是程序员啊，感觉你像是初学者什么都只是半懂，然后你对DIV+CSS好像是完全不懂，TABLE+css你也不了解，我想知道你是做哪一样的啊。
个人建议你要学一下简单的布局。。。。把基础的学会了对你写程序也有好处的。。。。不懂的话你在追问吧。

Answer 4

关于按钮。要将“.jpg)";type”中的分号改成空格。如：.jpg)" type