E-Mail Signatur: Vor Telefonnummern gleichmässiger Abstand einfügen

andrew · 17. März

Hallo zusammen

Ich habe ein PowerShell Skript, in welchem ein HTML Code eingebettet ist.

Dises Skript beinhaltet beinhaltet, wie Ihr weiter unten sehen könnt Variablen, welche dafür sorgen, dass unsere zwei verschieden sprachigen Standorte (Deutsch und Französisch) entwedr die E-Mail Signatur in Französisch oder in Deutsch erhalten.

$($PhonedescriptionMobile)    &ensp;&ensp;&ensp;<A HREF= .......

$($PhonedescriptionDirect)    &ensp;&ensp;&ensp;<A HREF= ......

$($PhonedescriptionCentral)    &ensp;&ensp;&ensp;<A HREF= .....

Die soeben gezeiten 3 Zeilen bewirken diese Zeilen hier

Für die Französische E-Mail Signatur

Mobile +41 79 123 45 67

Direct +41 99 987 65 43

Central +41 99 990 99 99

Für die deutsche Signatur

Mobil +41 79 123 45 67

Direkt +41 99 987 65 43

Zentrale +41 99 990 99 99

Wie kann ich gleichmässige Abstände nach Mobile, Direkt und Zentrale bzw. den gleichen Wörtern in Französisch und den Telefonnummern mit HTML Code einfügen?

Wenn man es so macht wie ich oben im Beispiel und mit Leerschlägen arbeitet, ist das Problem, dass dann die Abstände je nach angezeigter Sprache sicher verändern (weil ein Wort wie z.B. Mobile auf Französisch einen Buchstaben mehr hat, als wenn die Variable für Mobile das deutsche Wort Mobil hinpflanzt (1 Buchstabe weniger als Mobile) und somit stimmt schon der Abstand nicht mehr.

Wenn ich in der Signatur als Test mit der Tabulatoren Taste arbeite und Tabulatoren Abstände einfüge (nach Mobile, nach Direkt oder Nach Zentrale > in der duetschen Sprache), so merkte ich, das 1 Tabulatoren Stop zu wenig ist und 2 Tabulatoren Stops einen zu grossen Abstand machen würde.

Mit 2 Tabulatoren Abständen käme ich es für alle 3 Zeilen hin, aber der Abstand ist mit 2 Tabulatoren Stops deulich zu gross.
Was habe ich noch für einfache Möglichkeiten, via HTML Code in meinem PS Skript den Abstand dazwischen jweils gleichmässig hinein zu pflanzen (für alle 3 Zeilen gleicher Abstand)?

"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<HTML>
        <HEAD>
            <STYLE>
                .tab {
                      display: inline-block;
                      margin-left: 40px;
                }
                .f {
                    font-family: Arial;
                }
                .f7 {
                    font-size: 7pt;
                    margin: 0;
                }
                .f9 {
                    font-size: 9pt;
                    margin: 0;
                }
                .f10 {
                    font-size: 10pt;
                    margin: 0;
                }
                .f11 {
                    font-size: 11pt;
                    margin: 0;
                }
                .bold {
                    font-weight: bold;
                }
            </STYLE>
            <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=windows-1252'>
            <TITLE>$($DisplayName)</TITLE>
        </HEAD>
        <BODY>
            <div class='f'>
                <p class='f10'>$($Greeting)</p>
                <p class='f11'><B>$($DisplayName)</B></p>
                <p class='f10'>$($Title)</p>
                <p class='f10'>&nbsp;</p>
                <p class='f11'><B>$($result.Properties.company)</B></p>
                <p class='f10'>$($result.Properties.streetaddress)</p>
                <p class='f10'>$($result.Properties.postalcode) $($result.Properties.l)</p>
                $(if(-not [string]::IsNullOrWhiteSpace($result.Properties.mobile)){
                "<p class='f10'>$($PhonedescriptionMobile)&nbsp;&nbsp;&nbsp;&nbsp;&ensp;&ensp;&ensp;<A HREF='tel:$($result.Properties.mobile.Replace(' ',''))'>$($result.Properties.mobile)</a></p>"})
                <p class='f10'>$($PhoneDescriptionDirect)&nbsp;&nbsp;&nbsp;&nbsp;&ensp;&ensp;&ensp;<A HREF='tel:$($Telefon.Replace(' ',''))'>$($Telefon)</a></p>                
                <p class='f10'>$($PhoneDescriptionCentral)&ensp;&ensp;&ensp;<A HREF='tel:$($CentralPhoneNumber.Replace(' ',''))'>$($CentralPhoneNumber)</a></p>                         
                <p class='f10'>&nbsp;</p>
                <p class='f10'><A HREF='mailto:$($result.Properties.mail.ToLower())'>$($result.Properties.mail.ToLower())</a></p>
                <p class='f10'><A HREF='https://$($Website)'>$($Website)</a></p>
                $(if ($null -ne $Base64Image) {"<p class='f7'>&nbsp;</p><p class='f7'><a href='$(if(-not [string]::IsNullOrWhiteSpace($BannerLink)) {"$($BannerLink)"} else {'https://www.usereFirma.ch'})'><img src='data:image/jpg;base64,$($Base64Image) '/></a></p>"})
                <p class='f7'>&nbsp;</p>
                <p class='f7'>$($LegalNote) <A HREF='$($LegalNoteLink)'>$($LegalNoteLinkName).</a><BR></p>
            </div>
        </BODY>
</HTML>
"

bearbeitet 17. März von andrew

NorbertFe · 17. März

Mach ne html Tabelle draus. Dann stimmen die Abstände immer. Ich würd mir für sowas nen Tool holen, anstatt es selbst zu skripten, aber das musst du entscheiden.

testperson · 17. März

Hi,

erstelle im HTML Code doch eine Tabelle und Fülle dort dann die Zeilen / Spalten mit PowerShell.

Gruß

Jan

cj_berlin · 17. März

Moin,

bei Tabellen in e-Mails bin ich immer zwiegespalten, spätestens auf kleinen Bildschirmen werden sie gern gequetscht. Ich würde das "modern", das heißt, mit <div>s machen - dann werden die sich beim Quetschen automatisch umsortieren und untereinander angezeigt werden. Aber auch einige der "Großen" wie PayPal verwenden Tabellen, sogar mehrfach verschachtelte, so dass, wie so oft, YMMV...

bearbeitet 17. März von cj_berlin

BOfH_666 · 17. März

Eine weitere Möglichkeit wäre, entweder ein CSS Grid Layout zu benutzen oder Flexbox. Da kann man die Skalierung wie gewünscht steuern und zur Not können die Telefonnummern unter die Titel rutschen, wenn der horizontal Platz knapp wird..

cj_berlin · 17. März

vor 14 Minuten schrieb BOfH_666:

Eine weitere Möglichkeit wäre, entweder ein CSS Grid Layout zu benutzen oder Flexbox. Da kann man die Skalierung wie gewünscht steuern und zur Not können die Telefonnummern unter die Titel rutschen, wenn der horizontal Platz knapp wird..

Das *ist* der Ansatz mit <div>s ;-)

BOfH_666 · 17. März

vor 21 Minuten schrieb cj_berlin:

Das *ist* der Ansatz mit <div>s

Ah ... ... dann: "Das was Evgenij gesagt hat!" :aetsch2: :shy:

Lian · 17. März

Zwei smarte - ein Gedanke. ;)

@andrew: HTML Tabellen in 2024 sind nicht mehr empfehlenswert...

NilsK · 18. März

Moin,

das mag sein, aber glaubt ihr, dass der TO mit den Hinweisen etwas anfangen kann? Anscheinend ist er in HTML und CSS ja nicht besonders firm. Beispiele oder wenigstens Links könnten da hilfreich sein ...

Gruß, Nils

BOfH_666 · 18. März

vor 7 Minuten schrieb NilsK:

glaubt ihr, dass der TO mit den Hinweisen etwas anfangen kann?

Manchmal ist es ja schon hilfreich, wenn man die richtigen Schlagwörter für die Suche kennt ... jedenfalls hilft mir das gelegentlich. 🤷🏼‍♂️

andrew · 18. März

Hallo zusammen

Danke für die Denkanstösse.

Nils hat es richtig erkannt: HTML und CSS ist nicht mein Gebiet :-)

Genau, Links wären schon eher hilfreich.

cheers

Andrew

mwiederkehr · 18. März

In etwa so sollte es gehen:

<style>
  .container {
  display: flex;
  flex-wrap: wrap;
}

.column {
  flex: 1 1 calc(50% - 10px);
}

.column:not(:nth-child(2n)) {
  margin-right: 20px;
}
</style>

<div class="container">
  <div class="column">Tel</div>
  <div class="column">123</div>
  <div class="column">Mobile</div>
  <div class="column">456</div>
</div>

andrew · 18. März

Hallo mwiederkehr

Mega nett, dass Du Dir die Mühe genommen hast und mir hier versuchst, zu helfen.
Da ich wirklich nicht wirklich eine Ahnung vom Programmieren habe, bitte folgende Frage nichte übel nehmen:

Den Teil mit innerhalb <style> </style> habe ich glaube ichi Plus Minus, Minus Plus verstanden.

Betreffend dem letzten Teil

<div class="container">

Auf mein Beispiel bezogen, müsste ich nun diese <div class> Zeilen jeweils nach den Variablen einfügen, also zwischen den unten aufgeführten Variablen und

<A HREF='tel:

$(PhoneDescriptionMobile)
$(DescriptionDirect)
$PhoneDescriptionCentral)

und alle diese Zeichen hier     ......... löschen, weil diese bis jetzt ja für den Abstand zwischen z.B. $(PhoneDescriptionMobile) und der, danach folgenden Mobile Nr. gesorgt hatten?

Würde es Dir etwas ausmachen, nur als Beispiel für die erste Zeile, welche dafür sorgt, dass in der E-Mail Signatur die Mobile Nummer erscheint, zeigen, wo ich welchen Code mit welchen Klammern und Anführungszeichen in meinem Beispiel hineinpflanzen müsste?

cheers
Andrew

mwiederkehr · 19. März

Die Columns sind die Spalten. Immer links, rechts abwechselnd. Die Leerzeichen als Abstand benötigst Du nicht, für den Abstand sorgt "margin-right".

<div class="container">
  <div class="column">$($PhonedescriptionMobile)</div>
  <div class="column"><a href="tel:123">123</a></div>
  <div class="column">$($PhonedescriptionDirect)</div>
  <div class="column"><a href="tel:456">456</a></div>
  <div class="column">$($PhonedescriptionCentral)</div>
  <div class="column"><a href="tel:789">789</a></div>
</div>

Nobbyaushb · 19. März

Darf man für sowas kein Geld ausgeben?

Deine Arbeitszeit ist ja auch nicht kostenlos

Ich hätte schon längst die empfohlene Version installiert und nachdem das klappt kann man das immer noch kaufen

my2cents…

Anmelden

E-Mail Signatur: Vor Telefonnummern gleichmässiger Abstand einfügen

Empfohlene Beiträge

andrew 15

Link zu diesem Kommentar

NorbertFe 2.032

Link zu diesem Kommentar

testperson 1.675

Link zu diesem Kommentar

cj_berlin 1.312

Link zu diesem Kommentar

BOfH_666 577

Link zu diesem Kommentar

cj_berlin 1.312

Link zu diesem Kommentar

BOfH_666 577

Link zu diesem Kommentar

Lian 2.421

Link zu diesem Kommentar

NilsK 2.933

Link zu diesem Kommentar

BOfH_666 577

Link zu diesem Kommentar

andrew 15

Link zu diesem Kommentar

mwiederkehr 373

Link zu diesem Kommentar

andrew 15

Link zu diesem Kommentar

mwiederkehr 373

Link zu diesem Kommentar

Nobbyaushb 1.471

Link zu diesem Kommentar

Schreibe einen Kommentar

Menu

Aktivitäten