Weißraum zwischen Blöcken entfernen

Ich weiß nicht wirklich, wie ich programmieren soll und ich habe versucht, die Antwort nachzuschlagen, aber ich verliere mich. Kann mir jemand helfen, herauszufinden, wie ich all diesen weißen Raum entfernen kann? Es ist für einen E-Mail-Newsletter. Danke, ich brauche den Leerraum vor und nach jedem Block. Wenn ich die E-Mail abschicke, ist sie zu lang und wird abgeschnitten, also versuche ich das zu vermeiden. vielen Dank!Weißraum zwischen Blöcken entfernen

<!-- SECTION - ROI --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:450px;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:42px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:-30px -0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Our Product in Motion.</h4> 
 
                      <p style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding: 10;text-align:left">Text placeholder for Dole information - this is placeholder text and will add more later.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-top:-10px;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:-30px 20px -20px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (345px/340px)', src='http://34ueos46m798gtit1j06461b.wpengine.netdna-cdn.com/wp-content/uploads/2015/07/Demo_slide_v2.png', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:300px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table> 
 
     <!-- SECTION - VERGE --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:450px;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:12px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:15px 0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Placeholder</h4> 
 
                      <p style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding:0;text-align:left">Placeholder Text.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:-50px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:0px 20px 0px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (300px/340px)', src='https://elementalexcelerator.com/wp-content/uploads/2017/06/IMG_9526.jpg', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:250px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>

Quelle

2017-08-13 Trish

Welche Anwendung werden Sie dafür verwenden? In Dreamweaver (Windows) können Sie dies mit 'shift + tab' machen. Es gibt Möglichkeiten, dies auch für andere Anwendungen zu tun. – Syfer

Sie können einfach eine HTML minifier. A minifier verwenden pflegt die gleiche Funktionalität durch die Dateigröße des Codes zu reduzieren.

Quelle

2017-08-13 04:41:15

Ziemlich ordentliches Werkzeug - Ich werde etwas damit herumspielen. Danke für den Hinweis! – Trish

Sie haben die Höhe der Tabelle 450px erwähnt. Entfernen von Höhe CSS oder setzen Sie es auf auto kann Ihr Problem lösen.

<!-- SECTION - ROI --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:100%;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:42px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:-30px -0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Our Product in Motion.</h4> 
 
                      <p style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding: 10;text-align:left">Text placeholder for Dole information - this is placeholder text and will add more later.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-top:-10px;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:-30px 20px -20px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (345px/340px)', src='http://34ueos46m798gtit1j06461b.wpengine.netdna-cdn.com/wp-content/uploads/2015/07/Demo_slide_v2.png', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:300px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table> 
 
     <!-- SECTION - VERGE --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:auto;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:12px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:15px 0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Placeholder</h4> 
 
                      <p style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding:0;text-align:left">Placeholder Text.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:0.3;margin:0 auto;padding:0;padding-bottom:-50px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:0px 20px 0px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (300px/340px)', src='https://elementalexcelerator.com/wp-content/uploads/2017/06/IMG_9526.jpg', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:250px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>

Quelle

2017-08-13 04:52:00

Weißraum zwischen Blöcken entfernen

Antwort

Verwandte Themen