怎样的产品形象和说明重复

购物车中有产品页面及以下的形象创造了USINT HTML。如果页面zoomend出使用CTRL + +浏览器中的图像和文字会覆盖：图像变得更宽，但文本不会向右移动不够，这是上面的图像。如何解决这个问题，以便文字在图像后开始？怎样的产品形象和说明重复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
... 
     <div> 
      <div style="float: left; width: 30%"> 

       <a class="fbox" href="/store/Store/Lightbox?product=FTL286%252f42"> 
        <img style="width: 200px" alt="" src="/store/Store/MainImage?product=FTL286%252f42" /> 
       </a> 
      </div> 
      <div style="float: left; Xmargin-left: 4%"> 
       <div style="margin: 3%"> 

       </div> 
       <div> 
        <b> 
         € 78,92</b> 
        <br /> 

        <br /> 
        <div style="height: 1.5px"> 
        </div> 
Availability:<b> 
         In order 
        </b> 
        <form action="/store/Store/Details?product=FTL286%252f42" method="post"> 
        <br /> 
        <input id="ProductId" name="ProductId" type="hidden" value="FTL286/42" /> 
        Quantity 
        <input id="Quantity" name="Quantity" style="width:30px" type="text" value="1" /> 

       </div> 
       <br /> 
       <br /> 
       <input type="submit" value="Add to cart" class="button green rounded" /> 
       </form> 
      </div> 
     </div>

来源

2012-04-19 Andrus

如果图像有一个固定的像200px，你可以在右边的分区上使用<div style="margin-left: 250px">。

SEE DEMO

来源

2012-04-19 09:39:35 aebersold

怎样的产品形象和说明重复

回答

相关问题