HTML Email: Bild selbst in Tabelle einstellen

I Bild in Tabelle Tag so anpassen möchten, dass, wenn es vier Bilder in einem einzigen tr und weitere vier Bilder in der zweiten tr sind, dann, wenn ein Bild von entfernt erste tr, dann von den zweiten tr sollte das erste Bild in den ersten trHTML Email: Bild selbst in Tabelle einstellen

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title></title> 
 
</head> 
 
<body> 
 
    <table> 
 
     <tr> 
 
      <td></td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
       <!--First Row--> 
 
       <!--Speaker 1 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="110"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="110" 
 
              valign="top" width="110"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455301580.jpeg" 
 
               style= 
 
               "display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          "font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          "padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. Mahesh 
 
           Murthy</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">Co-Founder at 
 
           Seefund</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 2--> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="110"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="110"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455949782.jpeg" 
 
               style= 
 
               "display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          "font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          "padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. R. 
 
           Chandrasekhar</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto; max-width:110px;text-align: center !important; font-size: 8px;"> 
 
           <span class="wrap_textbox">President at 
 
           NASSCOM</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 3 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455627060.jpeg" 
 
               style= 
 
               "display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. Jay 
 
           Panda</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">Member of 
 
           Parliament</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 4 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455300140.jpeg" 
 
               style= 
 
               " display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Ms. Shazia 
 
           Ilmi</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">Spokesperson at 
 
           BJP</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table> 
 
      </td> 
 
     </tr><!--More Speakers--> 
 
     <tr> 
 
      <td></td> 
 
     </tr> 
 
     <tr> 
 
      <td> 
 
       <!--Second Row--> 
 
       <!--Speaker 5 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455299755.jpeg" 
 
               style= 
 
               " display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. Alok 
 
           Bansal</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">Co-Founder at 
 
           Policybazaar</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 6--> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455298163.jpeg" 
 
               style= 
 
               " display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. Arjun 
 
           Handa</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">Vice chairmain and 
 
           MD at Claris Life Sciences</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 7 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455297276.jpeg" 
 
               style= 
 
               " display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0px; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Ms. Padmaja 
 
           Ruparel</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">President Indian 
 
           Angel Network</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table><!--Speaker 8 --> 
 
       <table align="left" border="0" cellpadding="0" cellspacing="0" 
 
       style= 
 
       "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px;"> 
 
       <tbody> 
 
         <tr> 
 
          <td align="center"> 
 
           <table align="center" border="0" cellpadding= 
 
           "0" cellspacing="0" style= 
 
           "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" 
 
           width="120"> 
 
            <tbody> 
 
             <tr> 
 
              <td align="center" height="100" 
 
              valign="top" width="100"> 
 
               <p style= 
 
               "border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
               <a class="modimg" href="#" 
 
               style= 
 
               "text-decoration: none!important;"> 
 
               <img alt="" border="0" height= 
 
               "110" src= 
 
               "http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455797754.png" 
 
               style= 
 
               " display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" 
 
               width="110"></a></p> 
 
              </td> 
 
             </tr> 
 
            </tbody> 
 
           </table> 
 
          </td> 
 
         </tr> 
 
         <tr> 
 
          <td class="h2" style= 
 
          " font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
          <p style= 
 
          " padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> 
 
           <span class="wrap_textbox">Mr. Sanjay 
 
           Randhar</span></p> 
 
           <p style= 
 
           "padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> 
 
           <span class="wrap_textbox">MD at 
 
           GVFL</span></p> 
 
          </td> 
 
         </tr> 
 
        </tbody> 
 
       </table> 
 
      </td> 
 
     </tr> 
 
    </table> 
 
</body> 
 
</html>

im Schnipsel platziert werden, wenn ich eine Bild FR om zuerst tr, dann gibt es nur drei Bilder in der ersten tr. aber ich möchte alle möglich Bilder in ersten tr, und Rest der Bilder in der zweiten tr.

gemäß dem Bild, ich möchte nicht den Ausgang wie im Bild.

PS: Tischbreite ist 600. als HTML E-Mailer. Ich muss inline CSS verwenden.

Quelle

2016-08-26 Anonymous

Es ist einfacher, wenn Sie nur mit CSS und Tabellen nicht für die Positionierung verwenden. –

Ich muss Tabellen verwenden, weil ich HTML-E-Mailer mache, also ** Position ** -Eigenschaft wird nicht funktionieren in einigen E-Mail-Engine. –

verwenden Sie einfach Inline-Block und geben Sie ihm eine Breite von 25%, Sie können nicht erreichen, was Sie wollen mit einer Tabelle – slashsharp

Ist das, was Sie suchen?

Ich bin nicht sicher, warum Sie alle Ihre Bilder in einer anderen Tabelle gruppiert haben.

Versuchen Sie, ein Bild zu löschen.

<table style="width: 600px"> 
 
<tr> 
 
    <td style="text-align: center"> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455797754.png" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455949782.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455627060.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455300140.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455299755.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455298163.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455297276.jpeg" border="0" height="110" width="110" ></a> 
 
     </span> 
 
     <span style="display: inline-block;width: 116px;margin-left: 15px"> 
 
<a href="#"><img src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455797754.png" border="0" height="110" width="110" ></a> 
 
     </span> 
 
    </td> 
 
</tr> 
 
</table>

Quelle

2016-08-26 09:03:26 slashsharp

funktioniert nicht .. wenn ich das erste Bild lösche, dann würde ein Bild davon von der zweiten '' –

stattfinden, was meinst du mit nehmen von der zweiten tr? Alle Bilder befinden sich in ihrer jeweiligen Tabellenzeile. Wenn Sie ein Bild aus einer Zeile entfernen, wirkt sich dies nicht auf eine andere Zeile aus. – slashsharp

Wenn ich das erste Bild dann entferne, sollte das erste Bild aus der zweiten Reihe an die Stelle des letzten Bildes der ersten Reihe gesetzt werden. @Abed Putra hat etwas getan, was ich eigentlich wollte. aber ich möchte Bilder in der Mitte von 'tr' –

-1

Warum nicht einfach BootStrap verwenden? Nicht sicher, wie viele HTML verwenden, um Tabellen mehr zu erstellen, wenn CSS viel schneller und JS noch schneller ist.

Alles, was benötigt wird jetzt Tage mit HTML sind die Tags

<table> 
    <tr> 
    <th>First Name</th> 
    <th>Last Name</th> 
    <th>Points</th> 
    </tr> 
    <tr> 
    <td>Peter</td> 
    <td>Griffin</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>Lois</td> 
    <td>Griffin</td> 
    <td>$150</td> 
    </tr> 
<tr> 
    <td>Joe</td> 
    <td>Swanson</td> 
    <td>$300</td> 
    </tr> 
    <tr> 
    <td>Cleveland</td> 
    <td>Brown</td> 
    <td>$250</td> 
    </tr> 
</table>

Der Rest mit CSS gestylt

Soweit mit HTML Ich erinnere mich nicht einmal das letzte Mal, dass ich einen Tisch gebaut HTML verwenden und gedacht, dass Sie vielleicht überdenken möchten, wie Sie es erstellen. tbody ist so ziemlich ein ausgestorbenes Tag, das manche Browser nicht mehr erkennen. versuche nur, dir zu helfen und dich nicht niederzulegen

Quelle

2016-08-26 07:49:30

kann ich nicht verwenden. Da ich HTML EMailer mache, muss ich mich an das 'table'-Tag halten, da einige E-Mail-Clients die Third-Party-Bibliothek nicht unterstützen.Das ist der Grund, warum es für jeden E-Mail-Client unterschiedliche Ausgaben gibt. –

Meinst du das so? Ich versuche, niemandem das Bild zu löschen.

<tr> 
 
<table width="600"> 
 
\t \t \t 
 

 
\t \t \t <!--Speaker 2--> 
 

 
\t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t <tbody> 
 

 
\t \t \t \t <td align="center"> 
 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="110"> 
 
\t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="110"> 
 
\t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455949782.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t </td> 
 

 

 
\t \t \t \t <tr> 
 
\t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Mr. R. Chandrasekhar</span></p> 
 
\t \t \t \t \t \t <p style="padding:0; margin:0 auto; max-width:110px;text-align: center !important; font-size: 8px;"> <span class="wrap_textbox">President at NASSCOM</span></p> 
 
\t \t \t \t \t </td> 
 
\t \t \t \t </tr> 
 
\t \t \t \t </tbody> 
 

 
\t \t \t </table> 
 

 
\t \t \t <!--Speaker 3 --> 
 

 
\t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t <tbody> 
 

 
\t \t \t \t <td align="center"> 
 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455627060.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t </td> 
 

 

 
\t \t \t \t <tr> 
 
\t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Mr. Jay Panda</span></p> 
 
\t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">Member of Parliament</span></p> 
 
\t \t \t \t \t </td> 
 
\t \t \t \t </tr> 
 
\t \t \t \t </tbody> 
 

 
\t \t \t </table> 
 

 

 
\t \t \t <!--Speaker 4 --> 
 

 

 
\t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t <tbody> 
 

 
\t \t \t \t <td align="center"> 
 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455300140.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t </td> 
 

 

 
\t \t \t \t <tr> 
 
\t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Ms. Shazia Ilmi</span></p> 
 
\t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">Spokesperson at BJP</span></p> 
 
\t \t \t \t \t </td> 
 
\t \t \t \t </tr> 
 

 
\t \t \t \t </tbody> 
 

 
\t \t \t </table> 
 

 

 

 
\t <!--More Speakers--> 
 

 
\t \t \t \t \t <!--Speaker 5 --> 
 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t \t \t <tbody> 
 

 
\t \t \t \t \t \t <td align="center"> 
 
\t \t \t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455299755.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t \t \t </td> 
 

 

 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Mr. Alok Bansal</span></p> 
 
\t \t \t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">Co-Founder at Policybazaar</span></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 

 
\t \t \t \t \t \t </tbody> 
 

 
\t \t \t \t \t </table> 
 

 
\t \t \t \t \t <!--Speaker 6--> 
 

 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t \t \t <tbody> 
 

 
\t \t \t \t \t \t <td align="center"> 
 
\t \t \t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455298163.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t \t \t </td> 
 

 

 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Mr. Arjun Handa</span></p> 
 
\t \t \t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">Vice chairmain and MD at Claris Life Sciences</span></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t </tbody> 
 

 
\t \t \t \t \t </table> 
 

 
\t \t \t \t \t <!--Speaker 7 --> 
 

 
\t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t \t \t <tbody> 
 

 
\t \t \t \t \t \t <td align="center"> 
 
\t \t \t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455297276.jpeg" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t \t \t </td> 
 

 

 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t \t \t <p style=" padding: 0px; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Ms. Padmaja Ruparel</span></p> 
 
\t \t \t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">President Indian Angel Network</span></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 

 
\t \t \t \t \t \t </tbody> 
 

 
\t \t \t \t \t </table> 
 

 

 
\t \t \t \t \t <!--Speaker 8 --> 
 

 

 
\t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > 
 
\t \t \t \t \t \t <tbody> 
 

 
\t \t \t \t \t \t <td align="center"> 
 
\t \t \t \t \t \t \t <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> 
 
\t \t \t \t \t \t \t \t <tbody><tr> 
 
\t \t \t \t \t \t \t \t \t <td align="center" height="100" valign="top" width="100"> 
 
\t \t \t \t \t \t \t \t \t \t <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" display: block !important; border: 3px solid #ffcbbc ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455797754.png" border="0" height="110" width="110" ></a></p> 
 
\t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t </tbody></table> 
 
\t \t \t \t \t \t </td> 
 

 

 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <td class="h2" style=" font-weight: bold ;font-family: 'Montserrat', sans-serif;padding-top: 2px;padding-bottom: 0px;color:#ffffff;"> 
 
\t \t \t \t \t \t \t \t <p style=" padding: 0; margin: 0 auto; max-width: 110px; text-align: center;font-size: 10px;"> <span class="wrap_textbox">Mr. Sanjay Randhar</span></p> 
 
\t \t \t \t \t \t \t \t <p style="padding:0; margin:0 auto;text-align: center !important; max-width:110px; font-size: 8px;"> <span class="wrap_textbox">MD at GVFL</span></p> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t </tr> 
 

 
\t \t \t \t \t \t </tbody> 
 

 
\t \t \t \t </table> 
 

 
\t </table> 
 
</tr> 
 
\t \t

Quelle

2016-08-26 07:54:22

genau ... aber die anderen drei Bilder sollten in der Mitte von 'tr' sein. Wie es aussieht, war ein Bild im Raum. .. :) –

HTML Email: Bild selbst in Tabelle einstellen

Antwort

Verwandte Themen