-3

当我在其中一个页面上工作时，我遇到了一些奇怪的问题。就像我设计了一个页面，其中图像位于左侧，图像的相应文本将位于右侧。但问题是我试图选择的文本不是用鼠标选择的。并且对图像的测试也是通过留下一个 div 来进行的。请参阅此链接以更好地理解问题http://www.startonlinegames.com/download1请参阅下面的代码。

4

2 回答 2

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>

在此处输入图像描述

于 2012-10-09T10:30:32.803 回答
0 
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>
于 2012-10-09T11:09:51.350 回答