0

我几乎完成了我的网站,但空白将我的元素从页面配置到另一个页面。

请点击这里

Cross-border Airtime Transfer 下面的空格比

这个页面在这里

我尝试用后者最小化空格,但它们都不起作用。

这是我的 comgtech.com/products1_1.php 代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" charset="utf-8;" content="text/html" />

     <title>CTI | CORE PLATFORMS</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>
           <div >
        <?php include 'header.html' ?>

        <div style="text-align: center">
            <img src="images/cbat.jpg" style="width: 800px;" />

            <div style="width: 800px; margin:0 auto;" >
                <p style="margin-top: 0;">
                    <span style="float:left;" >
                        <img src="images/core-platforms.jpg" style="margin-right: 20px;"  />
                    </span>
                    <span style="float: right; " ><p style="text-align:left; font-size:13px; color:#333333" >
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te f eugait nulla facilisi. <br /><br />&#x2022; Cti.Loadwallet<br />&#x2022; Cti.MAS (Mobile Acquiring System)<br />&#x2022; Cti.Remit<br />&#x2022; Cti.SMS (Short Message Service)
                    </span>
            </p>

            </div> <br /><br />
            <div style="width: 800px; margin:0 auto; font-weight:bold; text-align: left;">
                               <a href="products1_1.php"  class="back-more"><font color="#00b1ef">&#60;back</font></a> 
                               <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <a href="products1_3.php"  class="back-more">know more&#62;</a>-->
                    </div>

        </div>


        </div>



               <?php include 'footer.html' ?>    
          </div>
</body>
</html>
4

1 回答 1

0

问题在于“跨境通话时间传输”图像后面的 HTML 标记。

在第 #2 页中,在后面有一个元素,而在第 #2 页中有一个元素。

table 的 display 是 table,而 div 的 display 是 block。

块元素的属性之一是它在它之前和之后创建一个换行符。

在这里阅读更多

要修复它,请给div负上边距 CSS 属性:margin-top: -13px;

这样做之后,我注意到页脚比以前高了一点,所以如果你想降低它,给同样div的 a heightof 251px

干杯:)

于 2013-07-10T02:14:04.533 回答