我的桌子上有空白区域

时间：2018-04-17 14:35:24

标签： html css image html-table whitespace

我的桌子上有空白区域。我搜索了论坛但看起来我的设置都正确无误。它与图像有关吗？ Cellpadding就在这里，但没有运气。

有谁知道哪里出错了？我试过阻止，但没有运气，我知道我必须遗漏一些东西，但我似乎无法找到它。 我无法在这篇文章中添加任何细节。

example 

{{1}}

1 个答案:

答案 0 :(得分：1)

默认情况下，您的<p>代码正在添加边距。没有定义css类p1，但在该类上将margin设置为零将解决此问题。

注意

我故意不解决使用表格进行布局（或此代码中其他无数其他不良做法）所涉及的不良做法。

＆＃13;
＆＃13; 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    <title>House of Talents</title>
<style type="text/css">

img     {display: inline-block}

.floatRight {float:right;}
.floatLeft      {float:none;}

.mobileShow {display: none}

.MPED_ULSortable {margin: 0 !important;padding: 0 !important;}

.cornerAll {border-radius: 0px;}

.p1 { margin: 0 };

@media only screen and (max-device-width: 850px), (max-width: 850px) {
        .logo {width: 180px;height: auto;}
        .marginBottom {
                margin-bottom: 15px;
        }
        .contentTable {
                width:100% !important;
                float: none !important;
        }
        td[class="floatLeft"] {
                float:left !important;
                width: 100% !important;
        }
        td[class="floatRight"] {
                width: 100% !important;
                float:right !important;
        }
        .mobileHide {display:none}
        .mobileShow {display: block !important}
        
        .resizeImage img {
                width: 100%;
                height: auto;
        }
}
</style>
  </head>

  

    <table cellspacing="0" cellpadding="0" width="100%">
      <tbody>
        <tr>
          <td class="MPED_CONTENT">
            <div class="MPED_CONTENTBLOCK">
              <table border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
                <tbody>
                  <tr>
                    <td align="center">
                      <table border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                          <tr>
                            <td style="width: 850px; max-width: 850px;">
                              <table border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                  <tr>
                                    <td class="resizeImage" style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #243e55; font-weight: bold; background-color: #f3716d; width: 425px; padding-left: 60px;" width="425"><br>
                                    <br>
                                     <img src="http://images.m9.mailplus.nl/user3900328/765/arcq_wit_4x.png" border="0" width="150" height="37" mpdatacustomsize="true"><br>
                                    <br>
                                     <span style="color: #e94b5a; font-family: helvetica;">&nbsp;<br>
                                    </span></td>

                                    <td class="resizeImage" style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #243e55; font-weight: bold; background-color: #f3716d; width: 425px;" width="425">&nbsp;</td>
                                  </tr>

                                  <tr>
                                    <td style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #43565e;">
                                      <blockquote>
                                        <p class="p1">&nbsp;</p>
                                      </blockquote>
                                    </td>

                                    <td style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #43565e;">
                                      <p class="p1"><span style="font-family: helvetica;"><img src="http://images.m9.mailplus.nl/user3900328/131/welcome0.png" border="0" width="425" height="425" mpdatacustomsize="true" ><br>
                                      </span></p>
                                    </td>
                                  </tr>

                                  <tr>
                                    <td style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #43565e; line-height: 18px; background-color: #e7f0f7;">&nbsp;</td>

                                    <td style="font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #43565e; line-height: 18px; background-color: #e7f0f7;">&nbsp;</td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题