| Autor |
Nachricht |
D_SIGN2K
Threadersteller
Dabei seit: 08.09.2004
Ort: -
Alter: 40
Geschlecht: 
|
Verfasst Mi 15.06.2005 16:11
Titel
|
  |
|
| 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.“</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ür Sie ein neues Schwerpunktthema angelegt, das sich mit diesem Thema beschäftigt. In mehreren redaktionellen Beiträgen erfahren Sie, wie Sie Ihre Fragestellung verbessern und dadurch viel erreichen können</p>
<p>Darü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ächste Bonbon: Mit diesem Newsletter hat eine neue Comic-Serie (Welt-)Premiere auf den Seiten der #: "#". Dieser Comic steht Ihnen ab heute einmal wöchentlich zum Download bereit.</p>
<p>Ich wünsche Ihnen und den anderen 11.869 Abonnenten eine erfolgreiche Woche und verbleibe mit herzlichen Grüß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
|
|
| |
  |
 |
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: 
|
Verfasst Mi 15.06.2005 16:20
Titel
|
|
|
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.
|
|
| |
|
|
|
Anzeige
|
|
|
D_SIGN2K
Threadersteller
Dabei seit: 08.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 15.06.2005 16:27
Titel
|
|
|
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 
Wohin also mit dem CSS ... direkt im Source aufrufen? ... dass würde ja ziemlich viel Quelltext bedeuten!?
|
|
| |
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mi 15.06.2005 16:30
Titel
|
|
|
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 16:33, insgesamt 1-mal bearbeitet
|
|
| |
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 15.06.2005 16:38
Titel
|
|
|
| D_SIGN2K hat geschrieben: | | ... dass würde ja ziemlich viel Quelltext bedeuten!? |
ja und? viel source oder zerschossener newsletter .. such dir was aus.
|
|
| |
|
|
D_SIGN2K
Threadersteller
Dabei seit: 08.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 15.06.2005 16:45
Titel
|
|
|
dass ist n §%&$#! Konsens! < wollt ich mal sagen 
Aber gut ... so isses nunmal und klar war es auch *justdreamingaboutkillingeveryonewhodevelop'ssoftwareandgivea$$$$abouttheholyW3C
|
|
| |
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mi 15.06.2005 16:48
Titel
|
|
|
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.
|
|
| |
|
|
D_SIGN2K
Threadersteller
Dabei seit: 08.09.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 15.06.2005 16:52
Titel
|
|
|
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".
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
HTML/ Newsletter <--> Flash Newsletter?
Newsletter in HTML
HTML-Newsletter am Mac
html newsletter
HTML-Newsletter
HTML Newsletter personalisieren?
|
|
Willkommen auf dem Portal für Mediengestalter
