Outlook hinzufügen 1px rechts auf Zelle Bild

Ich benutze Outlook 2013 und ich möchte E-Mail-Signatur erstellen.Outlook hinzufügen 1px rechts auf Zelle Bild

Als ich mit der Codierung fertig war, fand ich eine 1px-Lücke rechts neben dem Bild in einer Tabellenzelle.

Ich gab dieser Zelle eine Hintergrundfarbe, um zu sehen, ob das Problem von dem Bild oder von der Zelle selbst.

Ich weiß nicht, ob es eine Polsterung oder eine richtige transparente Grenze ist.

Ich suche viel für zwei Tage hier und in anderen Websites und nichts behoben.

erstelle ich eine andere Vorlage, diese Lücke zu zeigen und hier ist mein Code:

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
\t <head> 
 
\t \t <meta charset="utf-8"> 
 
\t \t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <style type="text/css"> 
 
     \t table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
 
     </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <table width="234" border="0" cellspacing="0" cellpadding="0"> 
 
\t \t \t <tr> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
\t </body> 
 
</html>

Und hier ist ein Screenshot der Zelllücke:

Ich weiß, das Codieren für Outlook ist ein Kopfschmerz, aber ich würde Ihre Hilfe schätzen, wenn Sie erklären ich, warum diese Lücke erscheint und was ich tun soll, um das zu beheben.

Quelle

2017-01-19 Amr Ayman

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <style type="text/css"> 
      table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
     </style> 
    </head> 
    <body> 
     <table width="234" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

Ich würde das versuchen. Dies beseitigt nicht die Lücke, aber ich habe align="left" zu den tds hinzugefügt, so dass die Lücke rechts und nicht dazwischen liegt. Auch würde ich vorschlagen, beide Bilder als eins zu speichern. Dies stellt sicher, dass es immer korrekt angezeigt wird und Ladezeiten schneller werden, da es Speicherplatz spart.

Auch da die Bilder auf einem weißen Hintergrund sind, fügen Sie sie vielleicht als jpg hinzu. Für E-Mail-Signaturen ist es wichtig, so viel Platz wie möglich zu sparen, da Sie manchmal auf Mobiltelefone senden und Sie Sie mit jeder Antwort in jeder Konversation erneut signieren.

Quelle

2017-01-19 08:39:00 Niqql

Hallo Niklas, Danke für die Antwort. Ich möchte E-Mail-Signatur erstellen und ich fand 1px als Lücke zwischen dem Logo und einer horizontalen Linie. Die Signatur https://s30.postimg.org/51sitipzl/Gap.jpg Also möchte ich diese Lücke entfernen. –

ja, hast du das align = "left" versucht? – Niqql

Ja für die zwei Zellen –

Outlook hinzufügen 1px rechts auf Zelle Bild

Antwort

Verwandte Themen