與css和html div p標籤問題

Question

因爲我正在其中一個頁面上工作，我收到了一些奇怪的問題。就像我設計了一個頁面，其中圖像出現在左側，圖像的相應文本將出現在右側。但問題是我想選擇的文本不是用鼠標選擇的。並且圖像的測試也是通過留下一個div來完成的。請參閱此鏈接以更好地瞭解問題http://www.startonlinegames.com/download1請參閱下面的我的代碼。

Answer 1

圖像說明顯示在另一幅圖像旁邊。您需要更改div的放置。我對你的代碼做了一些細微的修改。檢查下面的一個塊參考。並取出空p標籤中說明

<div style="float:left; width:462px; height:196px; margin:5px; border:solid #b8cbd2 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px"> 
     <div style="float:right; width:230px"> 
     <p>   
     </p><div style="background:#fff; margin-left:5px; margin-top: 5px; width:230px; height:150px;"> 

     <p><b>Name:</b>Astrobot</p> 
     <p><b>Description:</b> Defend our lunar-base and destroy the alien robots nest!</p> 
      <p><b>Dimensions:</b> 600x600</p> 
     </div> 

      </div><div style="background:#fff; margin-left:5px; width:225px; height:150px; margin-top:5px"> 
     <a href="http://www.startonlinegames.com/play/Astrobot"><img src="http://www.startonlinegames.com/download/images/538263_Upload.gif" width="225" height="150" border="0" class="imgShadowEffect"></a> 
     </div> 

     <div style="margin-top: 10px"> 
      <a href="http://www.startonlinegames.com/play/Astrobot"><img src="http://www.startonlinegames.com/download/play.png" border="0" width="117" height="30"></a><a href="download/zip/538263_Astrobot.rar"><img src="http://www.startonlinegames.com/download/download.png" border="0" width="117" height="30"></a> 
     </div>   

     </div> 

Answer 2

Changes in first column. same as change others columns. 


<div style="float:left; width:462px; height:196px; margin:5px; border:solid #b8cbd2 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px"> 
       <div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin-left: 5px; width: 225px; height: 150px; margin-top: 5px; float: left;"> 
       <a href="http://www.startonlinegames.com/play/Astrobot"><img width="225" height="150" border="0" class="imgShadowEffect" src="http://www.startonlinegames.com/download/images/538263_Upload.gif"></a> 
       </div> 


       <div style="float: left; width: 222px; margin: 0px 0px 0px 8px;"> 
       <div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin-top: 5px; height: 150px; width: 220px;"> 

       <p><b>Name:</b>Astrobot</p> 
       <b>Description:</b> Defend our lunar-base and destroy the alien robots nest!    <p><b>Dimensions:</b> 600x600</p> 
       </div> 

        </div> 

        <div style="margin-top: 5px"> 
        <a href="http://www.startonlinegames.com/play/Astrobot"><img width="117" height="30" border="0" src="http://www.startonlinegames.com/download/play.png"></a><a href="download/zip/538263_Astrobot.rar"><img width="117" height="30" border="0" src="http://www.startonlinegames.com/download/download.png"></a> 
       </div> 


       </div>