API tools faq
paste
Advertisement
Guest User

footer probleem float niet mogelijk

a guest
Sep 11th, 2014
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.   <title>[SUBJECT]</title>
  6.    
  7.   <style type="text/css">
  8.  
  9.   body {
  10.    padding-top: 0 !important;
  11.    padding-bottom: 0 !important;
  12.    padding-top: 0 !important;
  13.    padding-bottom: 0 !important;
  14.    margin:0 !important;
  15.    width: 100% !important;
  16.    -webkit-text-size-adjust: 100% !important;
  17.    -ms-text-size-adjust: 100% !important;
  18.    -webkit-font-smoothing: antialiased !important;
  19.  }
  20.  .tableContent img {
  21.    border: 0 !important;
  22.    display: block !important;
  23.    outline: none !important;
  24.  }
  25.  
  26. p, h2{
  27.   margin:0;
  28. }
  29.  
  30. div,p,ul,h2,h2{
  31.   margin:0;
  32. }
  33.  
  34. h2.bigger,h2.bigger{
  35.   font-size: 32px;
  36.   font-weight: normal;
  37. }
  38.  
  39. h2.big,h2.big{
  40.   font-size: 21px;
  41.   font-weight: normal;
  42. }
  43.  
  44. a.link1{
  45.   color:#62A9D2;font-size:13px;font-weight:bold;text-decoration:none;
  46. }
  47.  
  48. a.link2{
  49.   padding:8px;background:#62A9D2;font-size:13px;color:#ffffff;text-decoration:none;font-weight:bold;
  50. }
  51.  
  52. a.link3{
  53.   background:#62A9D2; color:#ffffff; padding:8px 10px;text-decoration:none;font-size:13px;
  54. }
  55. .bgBody{
  56. background: #F6F6F6;
  57. }
  58. .bgItem{
  59. background: #ffffff;
  60.  
  61.  
  62.  
  63. }
  64.  
  65. .bgItem2 {
  66. background: #fff;
  67. border-width:1px;
  68. border-color: #999;
  69. border-style:solid;
  70.    
  71. }
  72.  
  73. .bgItem3 {
  74. background: #fff;
  75. border-left-width: 1px;
  76. border-right-width: 1px;
  77. border-bottom-width: 1px;
  78. border-color:#999;
  79. border-style: solid;   
  80.  
  81.  
  82. }
  83.  
  84. .bgItem4 {
  85. background: #fff;
  86. border-left-width: 1px;
  87. border-right-width: 1px;
  88. border-bottom-width: 0px;
  89. border-top-width: 0px;
  90. border-color:#999;
  91. border-style: solid;   
  92.  
  93.  
  94. }
  95.  
  96.  
  97. .red
  98. {
  99.     background-color: #fff;
  100.    
  101. }
  102.    
  103.    
  104. .animate
  105. {
  106.     transition: all 0.1s;
  107.     -webkit-transition: all 0.1s;
  108. }
  109.  
  110. .action-button
  111. {
  112.     position: relative;
  113.     padding: 2px 40px;
  114.   margin: 0px 2px 2px 0px;
  115.   float: left;
  116.     border-radius: 5px;
  117.     font-family: 'Arial';
  118.     font-size: 16px;
  119.     color: #000;
  120.     text-decoration: none; 
  121. }
  122.  
  123.  
  124.  
  125.    
  126.  
  127.  
  128. facebookknop {
  129.  
  130. float:left;
  131. padding-right:5px;
  132.  
  133. }
  134. twitterknop{
  135. float:left;
  136. padding-right:5px;
  137.  
  138. }
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145. </style>
  146. <script type="colorScheme" class="swatch active">
  147.   {
  148.     "name":"Default",
  149.     "bgBody":"F6F6F6",
  150.     "link":"62A9D2",
  151.     "color":"999999",
  152.     "bgItem":"ffffff",
  153.     "title":"555555"
  154.   }
  155. </script>
  156.  
  157. </head>
  158. <body paddingwidth="0" paddingheight="0"   style="padding-top: 0; padding-bottom: 0; padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;" offset="0" toppadding="0" leftpadding="0">
  159.   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableContent bgBody" align="center"  style='font-family:helvetica, sans-serif;'>
  160.    
  161.     <!--  =========================== The header ===========================  -->      
  162.    
  163.     <tr>
  164.       <td height='25' bgcolor='#43474A' colspan='3'></td>
  165.     </tr>
  166.  
  167.     <tr>
  168.       <td height='130' bgcolor='#43474A'>&nbsp;</td>
  169.       <td rowspan='2' width='600' valign='top'>
  170.         <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" >
  171.          
  172.           <!--  =========================== The body ===========================  -->  
  173.          
  174.  
  175.           <tr>
  176.             <td class='movableContentContainer'>
  177.              
  178.               <div class='movableContent'>
  179.                 <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  180.                   <tr>
  181.                     <td bgcolor='#43474A' valign='top'>
  182.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  183.                         <tr>
  184.                           <td align='left' valign='middle' >
  185.                             <div class="contentEditableContainer contentImageEditable">
  186.                               <div class="contentEditable" >
  187.                              
  188.                               <p style='color:#A8B0B6;font-size:13px;text-decoration:none;'>Jouw dagelijkse dagaanbiedingen. <br>
  189. Voeg nieuwsbrief@gratiskoop.nl toe aan je adresboek. </p>
  190.                              
  191.                               </div>
  192.                             </div>
  193.                           </td>
  194.  
  195.                           <td align='right' valign='top' >
  196.                             <div class="contentEditableContainer contentTextEditable" style='display:inline-block;'>
  197.                               <div class="contentEditable" >
  198.                                 <a href="[SHOWEMAIL]" style='color:#A8B0B6;font-size:13px;text-decoration:none;'>Open in je browser.</a>
  199.                               </div>
  200.                             </div>
  201.                           </td>
  202.                           <td width='18' align='right' valign='top'>
  203.                             <div class="contentEditableContainer contentImageEditable" style='display:inline-block;'>
  204.                               <div class="contentEditable" >
  205.                                 <a href="[SHOWEMAIL]"><img src="images/openBrowser.png" alt='open in browser image' data-default="placeholder" width='15' height='15' style='padding-left:10px;'></a>
  206.                               </div>
  207.                             </div>
  208.                           </td>
  209.                         </tr>
  210.                       </table>
  211.                     </td>
  212.                   </tr>
  213.                 </table>
  214.               </div>
  215.  
  216.               <div class='movableContent'>
  217.                 <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  218.                   <tr><td height='25' bgcolor='#43474A'></td></tr>
  219.  
  220.                 <tr><td height='5' bgcolor='#62A9D2'></td></tr>
  221.  
  222.                 <tr><td height='40' class='bgItem4'><img src="images/logo klein.png" </> </td></tr>
  223.  
  224.                 <tr>
  225.                   <td>
  226.                     <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top' class='bgItem3'>
  227.                       <tr>
  228.                         <td  width='20'></td>
  229.                         <td  align='center' width='530'>
  230.                           <div class='contentEditableContainer contentTextEditable'>
  231.                          
  232.                          
  233.                          
  234.                             <img src= "images/hoofdaanbiedingen/site_iphone_ipad_kabel.png" style="float:right;" />
  235.                            
  236.                            
  237.                          
  238.                             <div class="contentEditable" style='font-size:13px;color:#99A1A6; line-height:15px; text-align:left;'>
  239.                            
  240.                             <h3 style="color:#F00"> GRATIS iPad / iPhone USB Kabel 3 meter - Wit (t.w.v. € 14,95) </h3>
  241.                              <div> <p>  <br>2 STUKS Touchpen + Pen in één!
  242.                               Zwart & Zilver!
  243. Het gebruik van een touchpen betekend het einde van vegen
  244. en vetvlekken op het scherm van je iPad of ander tablet!
  245. </p>
  246. <br>
  247. <br>
  248. <a class='link3' href="http://www.gratiskoop.nl/gadgets/combideals/touchpen-pen-zwart-zilver/" style='background:#62A9D2; color:#ffffff; padding:8px 10px;text-decoration:none;font-size:13px; border-radius:4px;'>Lees meer!</a> </div>
  249.                             </div>
  250.                           </div>
  251.                         </td>
  252.                         <td  width='35'></td>
  253.                       </tr>
  254.  
  255.                       <tr><td colspan='3' height='20' ></td></tr>
  256.  
  257.                     </table>
  258.                   </td>
  259.                 </tr>
  260.                 </table>
  261.               </div>
  262.  
  263.                 <div class='movableContent'>
  264.                 <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  265.                   <tr><td height='10' bgcolor='#62A9D2'></td></tr>
  266.                     <tr>
  267.                       <td>
  268.                         <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top' bgcolor='62A9D2'>
  269.                           <tr>
  270.                             <td width='25'></td>
  271.                             <td width='475' valign='middle'>
  272.                               <div class='contentEditableContainer contentTextEditable'>
  273.                                 <div class="contentEditable" style='font-family:Georgia;font-style:italic;color:#fff;font-size:15px;line-height:19px;'>
  274.                                   <p >Let op: Deze aanbieding is maar 24 uur geldig!</p>
  275.                                 </div>
  276.                               </div>
  277.                             </td>
  278.                             <td width='45' valign='top'>
  279.                               <div class='contentEditableContainer contentFacebookEditable'>
  280.                              
  281.                              
  282.    <a href="http://www.gratiskoop.nl/gadgets/combideals/touchpen-pen-zwart-zilver/"  class="action-button shadow animate red">Bestel gratis!</a>
  283.                                 <div>
  284.                                 </div>
  285.                               </div>
  286.                             </td>
  287.                             <td width='10'></td>
  288.                             <td width='45' valign='top'>
  289.                               <div class='contentEditableContainer contentTwitterEditable'>
  290.                                 <div class="contentEditable">
  291.                                  
  292.                                 </div>
  293.                               </div>  
  294.                             </td>
  295.                             <td width='10'></td>
  296.                           </tr>
  297.                         </table>
  298.                       </td>
  299.                     </tr>
  300.                     <tr><td height='10' bgcolor='#62A9D2'></td></tr>
  301.                 </table>
  302.               </div>
  303.  
  304.                  <div class='movableContent'>
  305.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  306.                         <tr><td height='20' </td></tr>
  307.                       </table>
  308.                     </div>
  309.  
  310.  
  311.                     <!--  Dit is een extra hoofdaanbieding. aanbieding.<div class='movableContent'>
  312.                      <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  313.                        <tr>
  314.                          <td>
  315.                            <div class='contentEditableContainer contentImageEditable'>
  316.                              <div class="contentEditable">
  317.                                <img src="images/hoofdaanbieding/site_iphone_ipad_kabel.png" alt='What we do' data-default="placeholder" style="display: block;
  318.    margin-left: auto;
  319.    margin-right: auto;" >
  320.                              </div>
  321.                            </div>
  322.                          </td>
  323.                        </tr>
  324.                        <tr><td height='10' bgcolor='#000000'></td></tr>
  325.                        <tr>
  326.                          <td bgcolor='#000000' style='padding:8px 0;'>
  327.                            <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  328.                              <tr>
  329.                                <td width='20'></td>
  330.                                <td align='left' valign='top' width='370'>
  331.                                  <div class='contentEditableContainer contentTextEditable'>
  332.                                    <div class="contentEditable" style='color:#ffffff;font-size:21px;line-height:19px;'>
  333.                                      <p > Gratis 3 meter Iphone & Ipad kabel!</p>
  334.                                    </div>
  335.                                  </div>
  336.                                </td>
  337.                                <td width='20'></td>
  338.                                <td align='center' valign='middle' width='180'>
  339.                                  <div class='contentEditableContainer contentTextEditable'>
  340.                                    <div class="contentEditable">
  341.                                      <a class='link3' href="#" style='background:#62A9D2; color:#ffffff; padding:8px 10px;text-decoration:none;font-size:13px;'>Bestel gratis!</a>
  342.                                    </div>
  343.                                  </div>
  344.                                </td>
  345.                                <td width='20'></td>
  346.                              </tr>
  347.                            </table>
  348.                          </td>
  349.                        </tr>
  350.                        <tr><td height='10' bgcolor='#000000'></td></tr>
  351.                      </table>
  352.                    </div> -->
  353.  
  354.                     <div class='movableContent'>
  355.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  356.                         <tr><td height='20' </td></tr>
  357.                       </table>
  358.                     </div>
  359.  
  360.                     <div class='movableContent'>
  361.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  362.                         <tr>
  363.                           <td width='291'  class='bgItem2' valign='top'>
  364.                             <table width="291" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  365.                               <tr><td height='15' colspan='3'></td></tr>
  366.  
  367.                               <tr>
  368.                                 <td width='20'></td>
  369.                                 <td width='251'>
  370.                                   <table width="251" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  371.                                     <tr>
  372.                                       <td>
  373.                                         <div class='contentEditableContainer contentTextEditable'>
  374.                                           <div class='contentEditable' style='color:#555555;font-size:21px;font-weight:normal;'>
  375.                                             <h2 class='big' >Gratis afslankpleisters!</h2>
  376.                                           </div>
  377.                                         </div>
  378.                                       </td>
  379.                                     </tr>
  380.                                     <tr><td height='16'></td></tr>
  381.                                     <tr>
  382.                                       <td>
  383.                                         <div class='contentEditableContainer contentTextEditable'>
  384.                                           <div class='contentEditable' style='color:#999999;font-size:13px;line-height:19px;'>
  385.                                          
  386.                                           <img src="images/aanbiedingen/site_afslankpleisters.jpg" width="265" height="265"/>
  387.                                            
  388.                                            <br />
  389.                                             <p >
  390.                                            Met deze 100% natuurlijke afslankpleisters kunt u op een veel gemakkelijkere en effectievere manier afvallen. Niemand die het ziet dat u een pleister draagt, maar iedereen ziet wel dat u afval!</p>
  391.                                           </div>
  392.                                         </div>
  393.                                       </td>
  394.                                     </tr>
  395.                                     <tr><td height='16'></td></tr>
  396.                                     <tr>
  397.                                       <td>
  398.                                         <div class='contentEditableContainer contentTextEditable'>
  399.                                           <div class='contentEditable'>
  400.                                             <a class='link1' href="#" >Bestel gratis!</a>
  401.                                           </div>
  402.                                         </div>
  403.                                       </td>
  404.                                     </tr>
  405.                                   </table>
  406.                                 </td>
  407.                                 <td width='20'></td>
  408.                               </tr>
  409.  
  410.                               <tr><td height='15' colspan='3'></td></tr>
  411.                             </table>
  412.                           </td>
  413.  
  414.                           <td width='18'>&nbsp;</td>
  415.                          
  416.                           <td width='291' class='bgItem2' valign='top'>
  417.                             <table width="291" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  418.                               <tr><td height='15' colspan='3'></td></tr>
  419.  
  420.                               <tr>
  421.                                 <td width='20'></td>
  422.                                 <td width='251'>
  423.                                   <table width="251" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  424.                                     <tr>
  425.                                       <td>
  426.                                         <div class='contentEditableContainer contentTextEditable'>
  427.                                           <div class='contentEditable' style='color:#555555;font-size:21px;font-weight:normal;'>
  428.                                             <h2 class='big'>Gratis Iphone 5-  hoesje!</h2>
  429.                                           </div>
  430.                                         </div>
  431.                                       </td>
  432.                                     </tr>
  433.                                     <tr><td height='16'></td></tr>
  434.                                     <tr>
  435.                                       <td>
  436.                                         <div class='contentEditableContainer contentTextEditable'>
  437.                                           <div class='contentEditable' style='color:#999999;font-size:13px;line-height:19px;'>
  438.                                          
  439.                                           <img src="images/aanbiedingen/iphone-5-gameboy-case-wit.jpg" width="265" height="265" />
  440.                                          
  441.                                          
  442.                                             <p >
  443.                                             <br>Bescherm je iPhone tegen krassen, vallen en stoten met dit iPhone 5 hoesje en zorg dat je iPhone er zo goed als nieuw uit blijft zien! Daarnaast geeft dit hoesje je iPhone ook een persoonlijke look en ziet er gaaf uit!
  444.                                           </p>
  445.                                            
  446.                                           </div>
  447.                                         </div>
  448.                                       </td>
  449.                                     </tr>
  450.                                     <tr><td height='16'></td></tr>
  451.                                     <tr>
  452.                                       <td>
  453.                                         <div class='contentEditableContainer contentTextEditable'>
  454.                                           <div class='contentEditable'>
  455.                                             <a class='link1' href="#" >Bestel gratis!</a>
  456.                                           </div>
  457.                                         </div>
  458.                                       </td>
  459.                                     </tr>
  460.                                   </table>
  461.                                 </td>
  462.                                 <td width='20'></td>
  463.                               </tr>
  464.  
  465.                               <tr><td height='15' colspan='3'></td></tr>
  466.                             </table>
  467.                           </td>
  468.                         </tr>
  469.                        
  470.                       </table>
  471.                     </div>
  472.  
  473.                     <div class='movableContent'>
  474.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top'>
  475.                         <tr><td height='20' </td></tr>
  476.                       </table>
  477.                     </div>
  478.  
  479.                     <div class='movableContent'>
  480.                       <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top' class='bgItem3' >
  481.                        
  482.                 </table>
  483.               </div>
  484.  
  485.               <div class='movableContent'>
  486.                 <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" valign='top' class='bgBody' >
  487.                   <tr><td height='54' style='border-bottom:1px solid #DAE0E4'>
  488. <a href="https://twitter.com/YOUR_USER_NAME"><img src="images/twitter.png" width="48" height="48" alt="Twitter" class="twitterknop" /></a>
  489. <a href="http://www.facebook.com/YOUR_FB_IDENTIFIER"><img src="images/facebook.png" width="48" height="48" alt="Facebook"  class="facebookknop" style="float:left;"/></a>
  490. </tr>  </td></tr>
  491.  
  492.                   <tr><td height='28'></td></tr>
  493.  
  494.  
  495.                   <tr>
  496.            
  497.                   <td height='28'  width="600px"></td></tr>
  498.                      
  499.                  
  500.  
  501.                   <tr>
  502.                     <td valign='top' align='center'>
  503.                       <div class="contentEditableContainer contentTextEditable">
  504.                         <div class="contentEditable" style='color:#A8B0B6; font-size:13px;line-height: 16px;'>
  505.                           <p >Deze email is verstuurt naar [email] vanwege het aanmelden voor de gratiskoop nieuwsbrief. Wilt u deze mail niet meer ontvangen? Via onderstaande button kunt u zich afmelden.
  506.                           </p>
  507.                         </div>
  508.                       </div>
  509.                       </td>
  510.                     </tr>
  511.  
  512.                     <tr><td height='28'></td></tr>
  513.  
  514.                     <tr>
  515.                       <td valign='top' align='center'>
  516.                         <div class="contentEditableContainer contentTextEditable">
  517.                           <div class="contentEditable" style='color:#A8B0B6; font-weight:bold;font-size:13px;line-height: 30px;'>
  518.                             <p >DisQounts International</p>
  519.                           </div>
  520.                         </div>
  521.                         <div class="contentEditableContainer contentTextEditable">
  522.                           <div class="contentEditable" style='color:#A8B0B6; font-size:13px;line-height: 15px;'>
  523.                             <p >Gratiskoop.nl</p>
  524.                           </div>
  525.                         </div>
  526.                         <div class="contentEditableContainer contentTextEditable">
  527.                           <div class="contentEditable" >
  528.                             <a href='afmeld link' style='line-height: 20px;color:#A8B0B6; font-size:13px;'>Afmelden</a>
  529.                           </div>
  530.                         </div>
  531.                       </td>
  532.                     </tr>
  533.                 </table>
  534.               </div>
  535.  
  536.               <!--  =========================== The footer ===========================  -->
  537.       </td>
  538.     </tr>  
  539.  
  540.    
  541.  
  542.       <tr><td height='28'>&nbsp;</td></tr>
  543.  
  544.     </table>
  545.   </td>
  546.   <td height='130' bgcolor='#43474A'>&nbsp;</td>
  547. </tr>
  548.  
  549. <tr>
  550.   <td class='bgBody'>&nbsp;  </td>
  551.   <td class='bgBody'>&nbsp;  </td>
  552. </tr>
  553.  
  554.  
  555.  
  556.  
  557. </table>
  558.  
  559.  
  560.   </body>
  561.   </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!