Mail signatur in HTML

[fourtyseven]

Hallo,

möchte gerne eine HTML Mail erstellen und habe dazu noch 2-3 Fragen.

Jaaaa, ich weiß HTML Mails blocken manche usw usw ......
Ich bin schon fertig und möchte eigentlich nur wissen, wie ich so so standards programmiere

Als Beispiel möchte ich Links meine Adressdaten haben und ein bischen weiter rechts mein Logo. ungefair so :

Max Mustermann
Musterstraße 50 (hier soll das Logo sein)

887756 Monheim

Da komme ich leider nicht weiter
Gruß und Danke Dennis

 

[harryman]

Hi,

du kannst mit Divisions oder einer Tabelle die Signatur in die gewünschte Form bekommen. Wie bei einer normalen Webseite.
Das Bild bindest du mit dem <img>-Tag ein. Das Bild müsstest du vorher auf einen Webserver hochladen, damit es für die Allgemeinheit erreichbar ist.

 

[fourtyseven]

Das habe ich gemacht , dass ist auch alles schon TOP.
Ich muss nur das Logo etwas nach rechts bekommen

 

[harryman]

Da würde ich Stylesheets empfehlen, z.B. margin-left für eine Division oder mit width die linke Zelle/Division verbreitern, damit das Logo nach rechts rückt.

 

[fourtyseven]

in einer Sprache für jemanden der keine Checke hat ??? margin -left ??? Division ????

 

[harryman]

Ok, kannst du mal ein Fragment deines Werkes posten.
Dann kann man dir vielleicht konkret helfen.

 

[fourtyseven]

also so sieht es aus :-)

Mit freundlichen Grüßen</p>


mStore Apple Premium Reseller</p>
Dennis Zimmer HIER SOLL DER ABSTAND HIN !!!! <a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" alt="grafik" /></a></p>

Tel : 02151 - 535 25 76</p>
[email protected]</p>



<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>

 

[harryman]

Ungetestet und mit einem Auge auf Schalke...
... sollte aber funktionieren:

<style>
    td {text-align:left;}
</style>
<table border="0">
<tr>
  <td colspan="2">mStore Apple Premium Reseller</td>
</tr>
<tr>
  <td style="width:200px;">Dennis Zimmer</td>
  <td><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
<tr>
  <td colspan="2">Tel : 02151 - 535 25 76</td>
</tr>
<tr>
  <td colspan="2"><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
</table>

==> falls das Bild höher als eine Zeile ist, kannst du die Zelle auch mit rowspan über mehrere Zeilen gehen lassen

 

[fourtyseven]

wow coool Danke !!
Darf ich dich trotzdem noch was fragen ....
Wie bekomme ich das Dennis Zimmer weiter nach oben ?


und warum zeigt der Mit freundlichen Grüßen immer so komisch an ?? Mit freundlichen Grüßen

finaler Text
Mit freundlichen Grüßen</p>
<style>
td {text-align:left;}
</style>
<table border="0">
<tr>
<td colspan="2">mStore Apple Premium Reseller</td>
</tr>
<tr>
<td style="width:200px;">Dennis Zimmer</td>
<td><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
<tr>
<td colspan="2">Tel : 02151 - 535 25 76</td>
</tr>
<tr>
<td colspan="2"><a href="mailto:[email protected]">[email protected]</a></td>
</tr>
</table>

<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>

und einmal als bild

wäre halt gut, damit ich verstehe wie ich selber Dinge ändern kann.

 

[harryman]

<style>
td {text-align:left;}
</style>
<table border="0">
<tr>
<td style="width:200px;">mStore Apple Premium Reseller</td>
<td rowspan="4"><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
<tr>
<td>Dennis Zimmer</td>
</tr>
<tr>
<td>Tel : 02151 - 535 25 76</td>
</tr>
<tr>
<td><a href="mailto:[email protected]">[email protected] re.de</a></td>
</tr>
</table>

<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>

Deine Grüße sehen etwas seltsam aus (Coding-Problem).
Nimm z.B. Viele Gr&uuml;&szlig;e

 

[harryman]

oder etwas einfacher:

<style>
td {text-align:left;}
</style>
<table border="0">
<tr>
<td colspan="2" style="width:200px;">
    mStore Apple Premium Reseller<br>
    Dennis Zimmer<br>
    Tel : 02151 - 535 25 76<br>
    <a href="mailto:[email protected]">[email protected] re.de</a>
</td>
<td><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
</table>

<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>

 

[fourtyseven]

fertig aber ....
das mStore Apple Premium Reseller steht da so:
mStore Apple Premium
Reseller

Mit freundlichen Gr&uuml;&szlig;en</p>


<style>
td {text-align:left;}
</style>
<table border="0">
<tr>
<td colspan="2" style="width:200px;">
mStore Apple Premium Reseller <br>
Dennis Zimmer<br>
Tel : 02151 - 535 25 76<br>
<a href="mailto:[email protected]">[email protected] re.de</a>
</td>
<td><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
</table>

<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>


und ich habe immer noch keinen raffer, welche Schraube ich drehen muss, damit ich das ändern kann.
Habe auch schonmal das ein oder andere geändert und neu gesichert aber da passiert nix.
Naja steht eh 1:1 ;-)

 

[harryman]

Sorry for the delay, aber die Forum-Notifications landen bei mir immer im Spam-Ordner ;-)

Ja, das passiert, wenn man nebenbei Fußball guckt.
Hier nochmal die korrigierte "einfachere" Version

<style>
td {text-align:left;}
</style>
<table border="0">
<tr>
<td style="width:250px;">
    mStore Apple Premium Reseller<br>
    Dennis Zimmer<br>
    Tel : 02151 - 535 25 76<br>
    <a href="mailto:[email protected]">[email protected] re.de</a>
</td>
<td><a href="http://www.apple-b-solutions.de"><img src="http://fourtyseven-design.de/mstore.png" border="0" alt="grafik" /></a></td>
</tr>
</table>

<a href="http://www.facebook.com/pages/Krefeld-Germany/Apple-b-Solutions/150553611675424"><img src="http://fourtyseven-design.de/facebook.png" alt="grafik" /></a>

Falls es immer noch umbricht, musst du die width:250px vergrößern. Damit verbreiterst du die linke Spalte.

 

[fourtyseven]

Danke, ich bin dir wirklich sehr dankbar !

 

[harryman]

Kein Problem - gern geschehen

 

[toney]

Nur so nebenbei, für die Leute die hier Divs vorgeschlagen haben: Ist zwar möglich aber würde ich bei EMails von abraten, da manche EMail-Programme wie zB Outlook ab Version 07 keine Divs unterstützen sondern nur Tabellen.

 

[threadi]

<div> unterstützen diese Mailprogramme auch, nur interpretieren sie den damit verbundenen Style nicht oder falsch. Daher ist eine Tabelle "besser" (leider).