✔ CSS auch in Email nutzen?

Status
Nicht offen für weitere Antworten.
Amr0d

Amr0d

Erfahrenes Mitglied
Morgen,

ich habe einen Newsletter mit Hilfe von euch angefertigt und den würde ich jetzt ganz gerne per Mail an meine Kunden verschicken, das Problem ist nur das mir gesagt wurde ich solle mit Stylesheets arbeiten weil das wäre besser. Mein Problem ist jetzt aber folgendes:

Wenn ich die Mail verschicke kommt sie nicht so an wie sie aussehen soll sondern sie sieht so aus wie der "Rohling" in Dreamweaver, und meine Frage ist jetzt ob es denn möglich ist das sich die Mail korrekt anzeigen lässt ohne das ich sie neu machen muss.
 
Wenn du eine HTML-Mail versendest, dann kannst du dort auch CSS verwenden.

Deiner Beschreibung nach hört es sich aber nicht so an, als ob das eine HTML-Mail wäre, was du dort versendest.... suche mal im PHP-Forum, du findest dort bestimmt einen Beitrag betreffs des Erstellens von HTML-Mails:)
 
Das ganze sieht so aus

HTML: 
<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>

	<title>Newsletter</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" type="text/css" href="style.css" media="screen" title="Standard Style" />

</head>



<body>
<div id="wrap"> 
  <div id="header"> 
    <h1 id="logo"><a href="http://www.padermeditech.de/" title="pader medi.tech"><span>pader 
      medi.tech</span></a></h1>
  </div>
  <hr class="hidden" />
  <div id="body"> 
    <h2>Ja haben wir denn schon Weihnachten?</h2>
    <p>Um Ihr Weihnachtsgesch&auml;ft anzukurbeln bieten wir Ihnen ab sofort unsere 
      Koffermassagebank ENTRADA zu einem Preis an von dem Sie bisher nur tr&auml;umen 
      konnten.</p>
    <div class="seperator"></div>
    <div class="center">
      <p><img src="http://www.padermeditech.de/home/newsletter/neu/header2.png" alt="pader medi.tech" /></p>
      <h3 align="left">Bestellen Sie jetzt!</h3>
      <p align="left"><strong>Koffermassagebank ENTRADA</strong></p>
      <p align="left"> 
      <div align="left"> 
        <ul>
          <li> inkl. Kopfteil mit Nasenschlitz (positiv - negativ verstellbar)</li>
          <li>Höhenverstellbar von 70 bis 82 cm</li>
          <li>Höchstbelastung von 250 kg möglich</li>
          <li> Höchstbelastung für Kopfteil von 15 kg möglich</li>
          <h3> <br />
            f&uuml;r <strong>nur <u>149,06 &euro;</u></strong> (empf. Vk-Preis 
            215,51 €) </h3>
        </ul>
        &nbsp;</p> <br />
        <strong>Zubeh&ouml;r-Set f&uuml;r ENTRADA bestehend aus:</strong></div>
      <div align="left"> 
        <ul>
          <li>1x U-Kissen</li>
          <li>1x Halbrolle 50x18/9 cm</li>
          <li>1x Schutzh&uuml;lle (ohne Gurt)</li>
        </ul>
      </div>
      <ul>
        <h3 align="left"><br />
          f&uuml;r <strong>nur <u>39,90 &euro;</u></strong> (empf. Vk-Preis 59,95 
          €)</h3>
      </ul>
      <div align="left">
        <p>&nbsp;</p>
        <p><strong>Alle Artikel sind selbstverständlich auch seperat erhältlich.</strong></p>
        <p>&nbsp;</p>
      </div>
      <h3 align="left"><strong>Schutzhülle für Koffermassagebank ENTRADA</strong></h3>
      <p align="left">
      
        <div align="left"> Sicherer Transport durch reißfestes Nylongewebe</div>
      
      <div align="left">
        <h3><br />
          Ek-Preis ohne Gurt / mit Gurt: 20,95 € / 27,95 €<br />
          empf. Vk-Preis: 29,95 € / 39,95 €<br /></p>
          </h3>
      </div>
    </div>
    <h3>Technische Daten</h3>
    <dl>
      <dt>H&ouml;he:</dt>
      <dd>Verstellbar von 70 bis 82 cm</dd>
      <dt>Breite:</dt>
      <dd>60 cm</dd>
      <dt>L&auml;nge:</dt>
      <dd>205 cm inkl. Kopfteil</dd>
      <dt>Gewicht:</dt>
      <dd>15 kg</dd>
      <dt>H&ouml;chstbelastung:</dt>
      <dd>250 kg</dd>
      <dt>H&ouml;chstbelastung / Kopfteil:</dt>
      <dd>15 kg</dd>
    </dl>
    <ul>
      <li>Aus Aluminium mit h&ouml;henverstellbarem Kopfteil</li>
      <li>Bezug aus robustem SKAI-Kunstleder</li>
      <li>Kopfteil mit Nasenschlitz ausgestattet</li>
      <li>Handlich und leicht: nur 15 kg, Tragf&auml;higkeit 250 kg</li>
      <li>Einfacher Aufbau in nur 14 Sekunden</li>
      <li>Inkl. 2 Jahre Gew&auml;hleistung auf tragende Teile</li>
    </ul>
    <p>Gefertigt nach DIN-ISO 9001 und UKAS Quality Management sowie CE lt. MPG 
      in &Uuml;bereinstimmung mit EG Richtlinie 93/42/EWG</p>
    <div class="seperator"></div>
    <div class="left"> 
      <h3>Zubeh&ouml;r</h3>
      <p>Schutzh&uuml;lle f&uuml;r Koffemassagebank ENTRADA aus beschichtetem, 
        extra rei&szlig;ffestem Nylongewebe.</p>
      <div class="center"><img src="http://www.padermeditech.de/home/newsletter/neu/schutz.png" width="287" height="230" alt="" /></div>
      <p>Mit 2 Rei&szlig;verschl&uuml;ssen, Tragegriff frei</p>
      <dl>
        <dt>Farbe: schwarz <br />
        </dt>
      </dl>
    </div>
    <div class="right"> 
      <h3>Schutzhülle mit Tragegurt</h3>
      <div class="center"><br />
        <br />
        <img src="http://www.padermeditech.de/home/newsletter/neu/schutz_gurt.png" width="290" height="230" alt="" /></div>
    </div>
  </div>
  <hr class="hidden" />
  <div id="footer"> 
    <p>Lieferung ab Werk. Alle enthaltenen Preise verstehen sich zzgl. der gesetzlichen 
      MwSt. 16%</p>
    <p>Copyright&copy; 2004 pader medi.tech</p>
  </div>
</div>
</body>
</html>

Ich da nicht viel dran gemacht deswegen habe ich da auch nicht so die Ahnung von. Ich hatte nämlich einen den hat dann aber jemand neu gemacht und mir zukommen lassen. Ist auch optimiert jetzt nur leider funktioniert das mit dem Mail Versand jetzt nicht mehr so gut

Kannst dir ja mal den Newsletter im original angucken: Hier
Oder einfach mal den Quelltext inne neue Mail packen dann sieht man das Problem besser :D
 
Zuletzt bearbeitet:
Das Problem liegt darin, dass der CSS zwar angefordert wird (s. Z. 10), diese jedoch nicht gefunden wird. Nun gibt es zwei Lösungswege: Entweder du gibst die Quelle der CSS absolut an (http://www.padermeditech.de/home/newsletter/neu/styles.css) , oder du bettest den CSS-Code direkt ins Dokument ein.
 
Ach so ja kann er ja nicht finden weil er ja nicht weiß wo

Man bin ich blind :)

danke

Ich habe mal im PHP Forum nachgeschaut und etwas zum Thema PHP Email gefunden allerdings steige ich da nicht so ganz durch. Habe mir PHPMailer runtergeladen und mal angeguckt aber ich habe davon absoult keine Ahnung. Das erste Problem kam schon auf als in der readme drinstand ich solle etwas in die php.ini schreiben. Wo ist die php.ini? Kann man mit einem solchen PHP Mailer auch so ca. 500 Emails an einem Stück verschicken, weil meinen Newsletter verschicke ich ja nicht nur an einen :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück