mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 05:09 Benutzername: Passwort: Auto-Login

Thema: HTML-Newsletter - was muss man beachten? vom 15.06.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> HTML-Newsletter - was muss man beachten?
Seite: Zurück  1, 2, 3, 4  Weiter
Autor Nachricht
D_SIGN2K
Threadersteller

Dabei seit: 08.09.2004
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 15.06.2005 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Newsletter Smallsize</title>
<style type="text/css">
<!--
   body { width:519px; background-color:#f3ece7; margin:0px auto; margin-bottom:10px; font-family:verdana, arial, helvetica, sans-serif}

   a.contentlink { font-family:verdana, arial, helvetica, sans-serif; font-size:13px; color:#000099; text-decoration:underline; padding-left:17px; padding-top:4px; background-image:url(http://www.#/images/newsletter/common/arrow.gif); background-repeat:no-repeat; background-position:0px 5px}
   .link { width:443px; height:16px}
   .smalltext { font-size:10px; text-align:center}
   img {border:0px;}

   #header { width:518px; height:95px; background-image: url(http://www.#/images/newsletter/common/nl_header_01.gif); border-left:#ded3ce 1px solid; border-bottom:#ded3ce 2px solid; border-right:#ded3ce 1px solid; border-top:#ded3ce 1px solid; background-repeat:no-repeat; background-color:#ffffff}
   #headernavpanel {  margin:0px auto; width:auto; padding-top:76px;}
   #date { padding-left:8px; font-size:10px; float:left; overflow:visible; width:auto; padding-top:4px;}

   #main { width:514px; height:auto; background-color:#ffffff; margin-top:2px; font-size:12px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
   .contentender { width:518px;  height:auto; background-color:#ffffff}
   .content { width:516px; height:auto; border-top:1px solid #ded3ce; border-left:1px solid #ded3ce; border-right:1px solid #ded3ce}
   #footer { height:19px; background: url(http://www.#/images/newsletter/common/footer.gif) no-repeat; width: 520px;}

   #articlenavpanel { width:480px; height:15px; margin:auto; margin-top:15px; background-color:#d9d3ce; border-bottom:1px solid #b2a9a2}
   #articlenavbox { width:444px; margin:auto; margin-top:1px; margin-bottom:0px; padding-top:17px; padding-left:17px; padding-right:17px; padding-bottom:4px; border:1px solid; border-color:#ded3ce}
   .newsnav { width:442px; height:33px; background-image:url(http://www.#/images/newsletter/common/dotsline.gif); background-repeat:no-repeat; background-position:bottom}
   .anewsnav { font-family:verdana, arial, helvetica, sans-serif; font-size:13px; color:#000099; text-decoration:underline; padding-left:15px; padding-top:4px; background-image:url(http://www.#/images/newsletter/common/arrow.gif); background-repeat:no-repeat; background-position:0px 4px}

   .articlepanel { width:480px; height:15px; margin:auto; margin-top:19px; background-color:#d9d3ce; border-bottom:1px solid #b2a9a2}
   .articlebox { width:444px; margin:auto; margin-top:1px; margin-bottom:0px; padding-top:17px; padding-left:17px; padding-right:17px; padding-bottom:20px; border:1px solid; border-color:#ded3ce}
   .articleimg { float:right; margin-top:18px; margin-left:10px; margin-bottom:0px}
   .articletext { font-size:13px; padding-top:0px}
-->
</style>
</head>
<body>
   <a name="top"></a>
   <div class="smalltext">Darstellungsprobleme? Kopieren Sie folgenden<br> Linktext in die Adresszeile Ihres Browsers. http://www.#/*2F298F2117DA309337260B84C7987024*/show_newsletter </div>
   <div id="header">
      <div id="headernavpanel">
         <div id="date">Freitag, 10.05.2005</div>
         <div align="right"><img src="http://www.#/images/newsletter/common/nl_header_03.gif" width="380" height="19" border="0" usemap="#map"></div>
      </div>
   </div>
   </div>
   <div id="main">
      <div class="contentender">
         <div class="content">
            <div id="articlenavpanel"><img src="http://www.#/images/newsletter/headlines/Inhaltsverzeichnis.jpg" width="461" height="15"><a href="#"><img src="http://www.#/images/newsletter/common/navi_top.gif" width="19" height="15"></a></div>
              <div id="articlenavbox">
              <div class="newsnav"><a class="anewsnav" href="#1">Vorwort von #</a></div>
              <div class="newsnav"><a class="anewsnav" href="#2">Neues Schwerpunktthema: Gut gefragt - halb gewonnen!</a></div>
            <div class="newsnav"><a class="anewsnav" href="#3">Comic-Premiere bei #: #Consulting</a></div>
             <div class="newsnav"><a class="anewsnav" href="#4">Mit Gelassenheit zum Erfolg</a></div>
            <div class="newsnav"><a class="anewsnav" href="#5">Download: ben Sie Ihre sprachlichen Fhigkeiten!</a></div>
            <div class="newsnav"><a class="anewsnav" href="#6">Neue Praktika: #</a></div>
            <div class="newsnav"><a class="anewsnav" href="#7">Kostenloser # Letter</a></div>
            <div class="newsnav"><a class="anewsnav" href="#8">Seminar-Highlights bei #</a></div>
         </div>
            
            <a name="1"></a>
            <div class="articlepanel"><img src="http://www.#/images/newsletter/headlines/Vorwort.jpg" width="461" height="15"><a href="#"><img src="http://www.#/images/newsletter/common/navi_top.gif" width="19" height="15"></a></div>
              <div class="articlebox"><img src="http://www.#/images/newsletter/headlines/Liebe%5FLeserin%5Flieber%5FLeser_head.jpg" width="440" height="22">
            <div class="articleimg"><img src="http://www.#/images/newsletter/content/hel_96_px.jpg"></div>
            <div class="articletext">
              <p><i>"Ob ein Mensch klug ist, erkennst du an seinen Antworten. Ob ein Mensch weise ist, erkennst du an seinen Fragen.&ldquo;</i></p>
              <p>In der Tat werden wir nicht nur an unseren Antworten gemessen - insbesondere durch Fragen wird deutlich, welch Geistes Kind in uns steckt. Dementsprechend haben wir f&uuml;r Sie ein neues Schwerpunktthema angelegt, das sich mit diesem Thema besch&auml;ftigt. In mehreren redaktionellen Beitr&auml;gen erfahren Sie, wie Sie Ihre Fragestellung verbessern und dadurch viel erreichen k&ouml;nnen</p>
              <p>Dar&uuml;ber hinaus freut es uns, dass wir dieser Tage die magische Zahl "eine Million" erreicht haben. So oft wurden insgesamt die Artikel im Magazin-Bereich der # gelesen. Passend dazu wartet auf Sie das n&auml;chste Bonbon: Mit diesem Newsletter hat eine neue Comic-Serie (Welt-)Premiere auf den Seiten der #: "#". Dieser Comic steht Ihnen ab heute einmal w&ouml;chentlich zum Download bereit.</p>
              <p>Ich w&uuml;nsche Ihnen und den anderen 11.869 Abonnenten eine erfolgreiche Woche und verbleibe mit herzlichen Gr&uuml;&szlig;en</p>
              <p>Ihr #</p>
            </div>
            </div>
         </div>
      </div>
   </div>
   </div>
   <div id="footer"></div>
   <div class="smalltext" style="margin-top:10px">Darstellungsprobleme? Kopieren Sie folgenden<br> Linktext in die Adresszeile Ihres Browsers. # </div>
   <map name="map">
      <area shape="rect" coords="2,2,119,17" href="#">
      <area shape="rect" coords="122,2,196,17" href="#">
      <area shape="rect" coords="198,2,297,17" href="#">
      <area shape="rect" coords="300,2,375,17" href="#">
   </map>
</body>
</html>


Bilder folgen später
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 33
Geschlecht: Weiblich
Verfasst Mi 15.06.2005 15:20
Titel

Antworten mit Zitat Zum Seitenanfang

Du hast dein komplettes Stylesheet im Head-Bereich des Dokumentes...
Es soll Mailprogramme geben, die diesen komplett durch einen eigenen ersetzen. Dann hat man nur noch Layersalat.
Hab deswegen mal böse Anschiss bekommen, weil ich es nicht besser wusste.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
D_SIGN2K
Threadersteller

Dabei seit: 08.09.2004
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 15.06.2005 15:27
Titel

Antworten mit Zitat Zum Seitenanfang

Wäre sehr dankbar für Tipps!

Die Webmailer zerschiessen mir alles ... probiere gerade alles in eine einzige Table zu packen ... sieht schon besser aus ... werd aber wohl noch weiter verschachteln müssen * Wo bin ich? *

Wohin also mit dem CSS ... direkt im Source aufrufen? ... dass würde ja ziemlich viel Quelltext bedeuten!?
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 33
Geschlecht: Weiblich
Verfasst Mi 15.06.2005 15:30
Titel

Antworten mit Zitat Zum Seitenanfang

Du schreibst das halt direkt hinein:
Code:
<td style="font-family:arial,helvetica,sans-serif; padding: 5px;..."></td>

Ist alles eine Frage der Übung. Irgendwann hat man den Dreh raus und die Tabellenkonstruktion sehr gut optimiert.

Ach so: es kommt nun mal in erster Linie auf Funktionalität an.


Zuletzt bearbeitet von mcbethy am Mi 15.06.2005 15:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 15.06.2005 15:38
Titel

Antworten mit Zitat Zum Seitenanfang

D_SIGN2K hat geschrieben:
... dass würde ja ziemlich viel Quelltext bedeuten!?

ja und? viel source oder zerschossener newsletter .. such dir was aus.
  View user's profile Private Nachricht senden
D_SIGN2K
Threadersteller

Dabei seit: 08.09.2004
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 15.06.2005 15:45
Titel

Antworten mit Zitat Zum Seitenanfang

dass ist n §%&$#! Konsens! < wollt ich mal sagen <-- Schuld!

Aber gut ... so isses nunmal und klar war es auch *justdreamingaboutkillingeveryonewhodevelop'ssoftwareandgivea$$$$abouttheholyW3C
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 33
Geschlecht: Weiblich
Verfasst Mi 15.06.2005 15:48
Titel

Antworten mit Zitat Zum Seitenanfang

Dein Newsletter scheint sehr klein zu sein. Mit Tabellen umgesetzt würde das nicht viel mehr Quelltext bedeuten.
Außerdem sind bei dir zwei abschließende Div-Tags zu viel.
  View user's profile Private Nachricht senden
D_SIGN2K
Threadersteller

Dabei seit: 08.09.2004
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 15.06.2005 15:52
Titel

Antworten mit Zitat Zum Seitenanfang

danke für den Div-Hinweis.

Der Newsletter ist stark verkürzt: Zu sehen ist nur jeweils ein Selektor ... es sind nämlich pro Ausgabe ca. 8-12 "Topic-Boxen" bzw. articlepanel's. Tabellen würden da schon mächtig "blähen".
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML/ Newsletter <--> Flash Newsletter?
HTML-Newsletter
html newsletter
Newsletter in HTML
html newsletter??? -hilfe-
HILFE!! HTML-Newsletter?!
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.