Beiträge von fedordima

Danke, auf dem Desktop sah die o.g. Signatur gut aus, aber auf smartphone verrückt und komische Verlinkung bei halber Telefon Adresse.

Wie kann ich das besser machen?

Danke

Zitat von Sailor

Das sollte aber klappen... mit welchem Mailprogramm arbeitest du denn?

Ansonsten kann dir vielleicht der Vorschlag von m.scatello weiterhelfen... eine Tabelle.

Das könnte dann so aussehen.

Code

<table style="width: 100%; border: 0; background-color: #a2c217; font-size: 1em; color: #ffffff; padding: 5px;">
   <tr>
      <td style="padding-left: 10px; text-align: left;">
         name<br>
         straße<br>
         stadt<br>
         <br>
         nummer<br>
         nummer<br>
         was auch immer was auch immerwas auch immer was auch immer was auch immer was auch immer      was auch immer was auch immerwas auch immer was auch immer was auch immer was auch immer      was auch immer was auch immerwas auch immer was auch immer was auch immer was auch immer
      </td>
      <td style="padding-right: 10px; text-align: right;">
         bank<br>
         name<br>
         iban<br>
         bic<br>
         <br>
         geschäftsführer<br>
         name
      </td>
   </tr>
</table>

Alles anzeigen

Danke für den Code, jetzt passt alles. Super gemacht!

Zitat von Sailor

Ich seh gerade... da verrutscht die vertikale Ausrichtung etwas, da bei der Tabelle in in den Zellen das Default auf 'middle' gesetzt ist.

Ergänze den 'style' der beiden <td>Elemente um vertical-align: top;, dann sollte es passen.

Danke vielmals werde es ausprobieren. Ich versuche in Shopify meine Email einzurichten via html.

Zitat von Sailor

dann füge bitte mal den Code flex-wrap: nowrap; in das Style-Element des ersten (äußeren) div's hinzu.

... So soll diese Zeile dann aussehen.

Code

<div style="display: flex; justify-content: space-between; flex-wrap: nowrap; background-color: #a2c217; font-size: 1em; color: #ffffff; padding: 5px;">

Gibt aber auch andere Möglichkeiten... kommt darauf an, was du haben willst und wie das 'Endprodukt' aussehen soll.

Haben hinzugefügt, immer noch das selbe Problem!

Zitat von Sailor

dann füge bitte mal den Code flex-wrap: nowrap; in das Style-Element des ersten (äußeren) div's hinzu.

... So soll diese Zeile dann aussehen.

Code

<div style="display: flex; justify-content: space-between; flex-wrap: nowrap; background-color: #a2c217; font-size: 1em; color: #ffffff; padding: 5px;">

Gibt aber auch andere Möglichkeiten... kommt darauf an, was du haben willst und wie das 'Endprodukt' aussehen soll.

Bin für alles offen, sollte halt kompakt sein. Hast du einen guten Vorschlag, damit die Clients alles gut darstellen?

Danke im Voraus.

Zitat von Sailor

Das ist einfach.

Code

<div style="display: flex; justify-content: space-between; background-color: #a2c217; font-size: 1em; color: #ffffff; padding: 5px;">
   <div style="padding-left: 10px; text-align: left;">
      name<br>
      straße<br>
      stadt<br>
      <br>
      nummer<br>
      nummer<br>
      was auch immer
   </div>
   <div style="padding-right: 10px; text-align: right;">
      bank<br>
      name<br>
      iban<br>
      bic<br>
      <br>
      geschäftsführer<br>
      name
   </div>
</div>

Alles anzeigen

Mit ein bisschen (weiterem) CSS in den jeweiligen 'style="..." ' Elementen kann man das beliebig aufhübschen.

Klappt nicht ganz das rechte Teil ist irgendwie immer unten:

html-seminar.de/woltlab/attachment/1969/

Danke vielmals!

Hallo ihr Lieben,

ich benötige eine E-Mail Signatur in html Format.

Ich möchte gerne folgenden Muster für die Anregung nutzen und es praktisch gleich gestalten. Allerdings kenne ich mich in html nicht gut aus. Für einen Code wäre ich sehr dankbar. Die Hintergundfarbe sollte auch grün oder hellgrün sein.

Danke vielmals.

html-seminar.de/woltlab/attachment/1968/