箱子絆倒，如果我在其中插入文本

[DOWNLOAD CODE, NO COPYRIGHT =）] .rar文件（始終掃描打開.rar程序之前 - F4LLCON

問題是如果沒有文本，文本框會在每一行上放置2個，但文本框會以間距相互顯示。要獲取文本框中的文本，我使用<style>,<head>。

我該如何修復這個煩人的問題？

IMAGE：LINK http://img526.imageshack.us/img526/5533/spacecf.jpg

沒有p和H3，都回聲文本將出現下面的框中，而不是在框中IMAGE http://img856.imageshack.us/img856/1614/crapy.jpg

代碼：

<style> 
     p { 
     position:relative; 
     top:-240px; 
     left:180px; 
     } 
     h3 { 
     position:relative; 
     top:-270px; 
     left:30px; 
     } 
</style>

和

<div class="offers"> 
    <div class="content_box"> 
     <?php 
      while($products = mysql_fetch_array($result)) { 
       echo '<img src="includes/images/content_box.png" border=0/>'; 
      // echo "<h3>" . $products['products'] . "</h3>"; 
      // echo "<p>" . $products['description'] . "</p>"; 
      } 
     ?> 
    </div> 
</div>

決心在這樣做的：

<STYLE TYPE="text/css"> 
#title{color:red; padding-bottom: 240px; padding-left: 25px;} 
#desc{color:blue; padding-bottom: 135px; padding-left: 5px;} 
</STYLE> 
</head>

和

<div> 
    <?php while($products = mysql_fetch_array($result)) {?> 
     <table align="left" background="includes/images/box.gif" width="473" height="285"> 
      <tr> 
       <td width="35%" height="100%" id="title"> 
        <?php echo $products['products'] . "&nbsp"; ?> 
       </td> 
       <td width="70%" height="100%" id="desc"> 
        <?php echo $products['description'];?> 
       </td> 
      </tr> 
     </table> 
    <?php 
      } 
     ?> 
</div> 
</body>

這可能是容易一些，而我是新來的這一點。現在正常工作。

謝謝你給我的方向和謝謝谷歌和＃2爲這麼多的幫助=）

enter image description here

來源

2011-11-07 MOTIVECODEX

你能告訴我們所有的CSS，包括'div.content_box'嗎？ –

H3是默認的塊元素，我認爲它是100％的寬度。嘗試.content_box h3 {display：inline-block; }（或者只是內聯）。無論如何，我認爲這是h3導致的包裝 - 嘗試也許也明確定義它的寬度。 – mqsoh

你好，我試過，但沒有發生..我會在問題中發佈LINK。包括數據庫/ php的css /連接。 – MOTIVECODEX

我asuming是content_box.png是框右側的背景是什麼？的

，而不是包括它在一個div的背景的類的創建像這樣

CSS：

.product_box { 
     bacground:url(includes/images/content_box.png); 
     width:xxxpx; /* the width of conrent_box.png */ 
     height:xxxpx; /* the height of conrent_box.png */ 
     position:relative; 
     float:left; 
    }

PHP：

<?php 
     while($products = mysql_fetch_array($result)) { 
      echo '<div class="product_box">'; 
     // echo '<img src="includes/images/content_box.png" border=0/>'; 
      echo "<h3>" . $products['products'] . "</h3>"; 
      echo "<p>" . $products['description'] . "</p>"; 
      echo '</div>'; 
     } 
    ?>

希望它能幫助！

來源

2011-11-07 16:43:14 BjarkeCK

你好，謝謝你的代碼，但是當我這樣做的時候它並沒有顯示任何圖像。我已經發布了一切LINK，你可以下載代碼.... – MOTIVECODEX

我設法修復它，謝謝 – MOTIVECODEX

箱子絆倒，如果我在其中插入文本

回答

相關問題