Ausrichtung Tabelle

[Julia-0815]

Hallo,

ich habe ein Problem beim Formatieren meiner Tabellen. Ich möchte gerne eine e-Mail Signatur anlegen, bei der die Nummern alle untereinander sind. Leider ist valign in der Vorschau super, in einer "echten eMail" aber nicht.

Kann mir hier jemand helfen? Sorry, für die total laienhafte Beschreibung...

<tr><td style="vertical-align: top; width: 5px; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" width="5" valign="top"> Tel:</td><td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top";width: 5px>&nbsp;&nbsp;+49 (0) 123 / 4567</td></tr>

<tr><td style="vertical-align: top; width: 20px; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" width="20" valign="top">Fax:</td><td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top">&nbsp;&nbsp;+49 (0) 123 / 4589</td></tr>

Danke im Voraus!
Julia

 

[scbawik]

Hallo,

ich habe ein Problem beim Formatieren meiner Tabellen. Ich möchte gerne eine e-Mail Signatur anlegen, bei der die Nummern alle untereinander sind. Leider ist valign in der Vorschau super, in einer "echten eMail" aber nicht.

Kann mir hier jemand helfen? Sorry, für die total laienhafte Beschreibung...

<tr><td style="vertical-align: top; width: 5px; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" width="5" valign="top"> Tel:</td><td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top";width: 5px>&nbsp;&nbsp;+49 (0) 123 / 4567</td></tr>

<tr><td style="vertical-align: top; width: 20px; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" width="20" valign="top">Fax:</td><td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top">&nbsp;&nbsp;+49 (0) 123 / 4589</td></tr>

Danke im Voraus!
Julia

Keine Ahnung was valign damit zu haben soll, aber von mir aus gesehen funktioniert alles - vorausgesetzt das ganze wird in einer <table></table> gewrapped: https://jsfiddle.net/o6z5qpLz/

Und das ist natürlich sowieso falsch:

valign="top";width: 5px

 

[Julia-0815]

Danke für die schnelle Antwort!!

Ich hab leider nicht wirklich viel Ahnung von HTML. Was ihr mit Sicherheit schon gemerkt habt... ;-)

table ist eingefügt

In meiner Vorschau funktioniert alles, beim Test auf's Handy auch, nur Outlook zieht Tel: und die Nummer ewig weit auseinander. Liegt das an Outlook??

 

[scbawik]

Danke für die schnelle Antwort!!

Ich hab leider nicht wirklich viel Ahnung von HTML. Was ihr mit Sicherheit schon gemerkt habt... ;-)

table ist eingefügt

In meiner Vorschau funktioniert alles, beim Test auf's Handy auch, nur Outlook zieht Tel: und die Nummer ewig weit auseinander. Liegt das an Outlook??

Dann musst du der Tabelle wahrscheinlich eine fixe Breite geben:
https://jsfiddle.net/o6z5qpLz/1/

 

[Julia-0815]

Guten Morgen,

Ich glaube, der Fehler liegt im gesamten Code. Das ist nur ein Ausschnitt. Auch mit fixer Breite verzieht es in Outlook die Ansicht. Der Abstand zwischen Tel. und Nr. ist nach wie vor viel zu groß.

Das ist der Anfang und vermutlich liegt hier der Fehler?!
<div id="signature-to-copy"><table style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;" cellspacing="0" cellpadding="0" border="0">

Danke auf jeden Fall für deine Rückmeldung!

 

[SpiceLab]

Ich glaube, der Fehler liegt im gesamten Code. Das ist nur ein Ausschnitt. Auch mit fixer Breite verzieht es in Outlook die Ansicht. Der Abstand zwischen Tel. und Nr. ist nach wie vor viel zu groß.

Das ist der Anfang und vermutlich liegt hier der Fehler?!
<div id="signature-to-copy"><table style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;" cellspacing="0" cellpadding="0" border="0">

Auch das ist nur ein Ausschnitt des gesamten HTML-Codes, der genau genommen nicht mit <div> (Allgemeines Block-Element), sondern <!DOCTYPE html> (Dokumenttyp-Deklaration -HTML5-) beginnt.

http://wiki.selfhtml.org/wiki/HTML/Dokumentstruktur_und_Aufbau

Und existieren CSS-Formatierungen für die ID #signature-to-copy?

Wenn ja, wie lauten sie?