• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme beim Aufbau einer Mail mit Tabellen

sepp_a_u

Neues Mitglied
Hallo zusammen,

ich versuche grad schon über Stunden hinweg eine Bestellbestätigungsmail für meinen Onlineshop OXID für die Kunden zu erstellen. Diese soll so aufgebaut sein wie von amazon.de. Habe den generellen Aufbau auch schon geschafft. Allerdings sind noch einige Kleinigkeiten falsch, die leider absolut nicht rausbekomme und daher suche ich hier um Rat.
Hier mal mein Quellcode:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=[{$charset}]">
  </head>
  <body bgcolor="#FFFFFF" link="#355222" alink="#355222" vlink="#355222" style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;">
<table width="100%"border="1">
  <tr>
    <td colspan="2" width="70%"></td>
    <td colspan="2" align="right" valign="middle">Mein Konto | Bestellhistorie | Impressum</td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">
  <tr>
    <td>Vielen Dank für Ihre Bestellung <br /><br />Text Text Text Text</td>
  </tr>
</table>
</td>
    <td  bgcolor="#CCCCCC" width="15%"><table width="100%" border="1">
    <tr>
    <td align="center" valign="middle" bgcolor="#009900"><strong>Empfehlungen f&uuml;r Ihren<br /> n&auml;chsten Besuch:</strong></td>
  </tr>
  <tr>
    <td align="center" valign="middle">Empfehlung1</td>
  </tr>
  <tr>
    <td align="center" valign="middle">Empfehlung2</td>
  </tr>
  <tr>
    <td align="center" valign="middle">Empfehlung3</td>
  </tr>
  <tr>
    <td align="center" valign="middle">Empfehlung4</td>
  </tr>  
</table>
</td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">    
      <tr bgcolor="#009900">
        <td height="33" colspan="2" align="left" valign="middle"><strong>Bestellinformationen:</strong></td>
        </tr>
        <colgroup width="100%" span="2"></colgroup>
      <tr>
        <td colspan="2"><strong>E-Mailadresse: </strong>Adresse</td>
        </tr>
      <tr>
        <td><strong>Rechnungsadresse:</strong><br />
        Anrede Vorname Nachname<br>
  Straßen<br>
  PLZ, Ort<br>
  Land<br>
  Telefonnr.:<br>
  </td>
        <td><strong>Versandadresse:</strong><br />        
    Anrede Vorname Nachname<br>
    Straße<br>
    PLZ Ort<br>
    Land<br>
    </td>
      </tr>
      <tr>
        <td colspan="2"><strong>Gesamtsumme dieser Bestellung: Betrag</strong></td>
        </tr>
    </table></td>
    <td bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">    
      <tr bgcolor="#009900">
        <td height="33" colspan="2" align="left" valign="middle"><strong>Bestell&uuml;bersicht:</strong></td>
        </tr>
        <colgroup>
        <col width="25%">
        <col width="75%">
        </colgroup>
      <tr>
        <td>Bestellnr.:</td>
        <td>Nummer</td>
      </tr>
      <tr>
        <td>Bezahlung erfolgt über:</td>
        <td>Bezahlart</td>
      </tr>
      <tr>
        <td>Versand:}]</td>
        <td>Versandart</td>
      </tr>      
      <tr>
        <td>Artikelsumme netto</td>
        <td>Betrag</td>
      </tr>      
      <tr>
        <td>MWSt.</td>
        <td>Betrag</td>
      </tr>      
      <tr>
        <td>&nbsp;</td>
        <td>------------</td>
      </tr>      
      <tr>
        <td>Artikelsumme brutto:</td>
        <td>Betrag:</td>
      </tr>      
      <tr>     
        <td>Versandkosten:</td>
        <td>Betrag</td>
      </tr>      
      <tr>
        <td>&nbsp;</td>
        <td>-----------</td>
      </tr>
      <tr>
        <td><strong>Gesamtsumme:</strong></td>
        <td><strong>Betrag</strong></td>
      </tr>      
    </table></td>
    <td bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">
      <tr bgcolor="#009900">
        <td height="33" colspan="2" align="left" valign="middle"><strong>Artikel</strong></td>
        <td height="33" align="left" valign="middle"><strong>Anzahl</strong></td>
        <td height="33" align="left" valign="middle"><strong>Einzelpreis</strong></td>
        <td height="33" align="left" valign="middle"><strong>Gesamtpreis</strong></td>
        <td height="33" align="left" valign="middle"><strong>Produkt bewerten</strong></td>
      </tr>
      <tr>
        <td width="100">Bild</td>
        <td nowrap="nowrap">Beschreibung
          <br><span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;">Artikelnummer</span></td>
        <td>Anzahl</td>
        <td>Betrag</td>
        <td>Betrag</td>
        <td>Link</td>
      </tr>      
    </table></td>
    <td bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">
    <colgroup width="100%" span="2"></colgroup>
      <tr>
        <td><strong>Kundennachricht:</strong></td>
      </tr>
      <tr>
        <td>Text</td>
      </tr>
    </table></td>
    <td bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
  <tr>
    <td width="3%">&nbsp;</td>
    <td colspan="2"><table width="100%" border="1">
      <tr>
        <td><strong>Bitte beachten Sie:</strong></td>
      </tr>
      <tr>
        <td>Text</td>
      </tr>
    </table></td>
    <td bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
</table>
</body>
</html>
So das hab ich bisher geschaft in mühsamer Kleinarbeit (bin nicht der HTML-Experte ;) )

Jetzt will ich aber, dass das ganze so aussieht wie in den angehängten Bilder also von den Rahmen her. Wie bekomme ich das hin? Habe schon viel versucht mit
Code:
rule="cols" frame="void"
was aber leider auch nicht funktioniert hat! :( was muss ich machen? was mache ich falsch? wäre super, wenn mir hier ein paar helfen könnten, das ganze endlich fertig zu stellen. Denn ichwill meinen Onlineshop bald der Öffentlichkeit präsentieren und dazu sollte eben eine gescheite Mail an die Kunden rausgehen und nicht so ein Standardding wie es vorgegeben ist bei OXID.

ImageShack -

Ich freue mich über eure Hilfen und Antworten.

Cheers

//EDIT:
hier nochmal das Bild in einem Stück (danke Photoshop Trial =) )
[url=http://www.imgbox.de/?img=w31469p196.jpg]
[/URL]
 
Zuletzt bearbeitet:
Also ich kann (bzw. will) keine HTML Mails empfangen. Jeder der halbwegs Sicherheitsbewußt denkt, sollte das auch tun.
Bei sowas wie einer Bestellbestätigung, ist das natürlich sehr ungünstig. Wenn du nur diese Variante anbietest, wäre das ein Shop, den ich meiden würde.

Deine Frage läßt sich aber nur schwer beantworten. Was soll uns das bild zeigen? So wie es ausieht? Was soll anders sein? Oder so wie es aussehen soll? Was ist das Problem?
 
Also ich kann (bzw. will) keine HTML Mails empfangen. Jeder der halbwegs Sicherheitsbewußt denkt, sollte das auch tun.
Bei sowas wie einer Bestellbestätigung, ist das natürlich sehr ungünstig. Wenn du nur diese Variante anbietest, wäre das ein Shop, den ich meiden würde.

Deine Frage läßt sich aber nur schwer beantworten. Was soll uns das bild zeigen? So wie es ausieht? Was soll anders sein? Oder so wie es aussehen soll? Was ist das Problem?

hey danke für die antwort. was ist das problem mit html-mails? der oxid-onlineshop und auch alle anderen onlineshops, die ich kenne (magento, xtc, otc) bieten halt nur html-bestellbestätigungsmails an.

das bild ist eine bestellbestätigung von amazon.de..so würde ich auch gerne meine mail aufbauen, weil ich es sehr übersichtlich und gut aussehend finde.
der quellcode ist das gerüst, was ich schon geschafft habe, aber leider bekomme ich die feinheiten mit den rahmen nicht hin. daher suche ich hier um hilfe.

cheers
 
hey danke für die antwort. was ist das problem mit html-mails? der oxid-onlineshop und auch alle anderen onlineshops, die ich kenne (magento, xtc, otc) bieten halt nur html-bestellbestätigungsmails an.
Echt? Das bezweifel ich zwar, zumindest Amazon verschickt sowohl als auch.

Das Problem ist, dass HTML Mails bei dir lokal abgelegt werden, wenn es irgendwo eine Lücke gibt oder geben sollte, wird diese also bei dir lokal ausgeführt mit den entsprechenden Rechten. Darüber hinaus lassen sich durch HTML Mails kleine Gemeinheiten einbauen die dich ein bisschen auspionieren. Und ich persönlich finde HTML Mails extrem unleserlich und häßlich, weil jeder versucht diese "schön" zu machen, hat jede eine andere Gestaltung, was in meinen Augen jede Mail gewöhnungsbedürftig macht. Für mich wäre das so, wie wenn jeder Brief handgeschrieben ist - mag zwar für manche Menschen schöner wirken, es ist aber unpraktisch.

das bild ist eine bestellbestätigung von amazon.de..so würde ich auch gerne meine mail aufbauen, weil ich es sehr übersichtlich und gut aussehend finde.
der quellcode ist das gerüst, was ich schon geschafft habe, aber leider bekomme ich die feinheiten mit den rahmen nicht hin. daher suche ich hier um hilfe.
Schwierig zu sagen wie Amazon das macht. Warum schaust du nicht mal in den Quellcode? Ich vermute da ist CSS im Spiel
 
Zurück
Oben