Newslettergestaltung mit HTML & CSS

[nicnicnic]

Hallo in die Runde,

vorab: ich bin ein wirklicher Anfänger was HTML & CSS betrifft.
Wäre nett, wenn ihr daran denkt beim beantworten meiner Fragen.

Ich baue gerade einen Newsletter in HTML/Dreamweaver.
Vorab habe ich mich auf folgender Seite erstmal informiert was dabei alles zu beachten ist:

http://www.anandgraves.com/html-email-guide#unnecessary_htmltags

Doch leider tritt für mich als Newbie da folgende Frage auf:

Es wird gesagt, man soll simple "Inline-Tags" benutzen um die Schrift per CSS zu formatieren wie in folgender Tabelle

<table width="400" cellspacing="0" cellpadding="0">
<tr>
<td style=”font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; color: red”>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Vivamus ut sem. Fusce aliquam nunc vitae purus.</p>
</td>
</tr>
</table>

Nun meine Frage: Ist es möglich innherlab dieser Formatierung auch die Formatierung der unterschiedlichen Link-Stufen einzufügen?
Damit meine ich a:link, a:hover, a:visited.
Wenn es geht kann mir einer anhand dieses Beispiels oben zeigen wie ich das da einfüge. Meine Versuche sind alle kläglich gescheitert (siehe unten). :(
Scheinbar war immer ein Semikolon zuviel bzw. an der falschen Stelle.

<table class="backgroundTable" bgcolor="#000000" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="center" valign="top">
<table width="550" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="http://www.XXXXXXX.com"><img src="1.jpg" border="0" galleryimg="no" alt="XXXX"></a></td>
  </tr>
    <tr>
    <td><a href="http://www.XXXXX.com/0308/” style=”font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff text-decoration: underline link: #ffffff; visited: #123458; active: #456789; focus: #789456; hover: #456852">test</td>
  </tr>
</tr>
</tbody></table>

Kann mir da einer helfen? Oder anders: ich denke von euch weiss das jeder...hilft mir einer?? :))

Schon vorab viiiielen Dank!!

[kati]

<td><a href="http://www.XXXXX.com/0308/” style=”font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff text-decoration: underline link: #ffffff; visited: #123458; active: #456789; focus: #789456; hover: #456852">test</td>

hi,

tjo, da fehln manache semikolone, und zwar genau 2!
1. nach text-decoration:underline;
2. nach color:#ffffff;

<td><a href="http://www.XXXXX.com/0308/” style=”font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: underline; link: #ffffff; visited: #123458; active: #456789; focus: #789456; hover: #456852">test</td>

hab hier sonst noch en tipp

A Guide to CSS Support in Email
http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_1.html

gruss kati

[nicnicnic]

Also erstmal vielen lieben Dank für die prompte Antwort.

Ich war ein wenig überrascht, dass meine grundsätzliche Schreibweise, also von den vergessenen Semikolonen mal abgesehen, richtig sein sollte.

Hab das ganze nun nach deiner Änderung mal getestet, doch irgendwas scheint nun immer noch nicht zu stimmen.

Bzw. habe ich auf deinen Tipp hin mal diese seite besucht und da wurde folgende Liste (hab sie hier mal zur ansicht ein wenig abgespeckt) gezeigt:

support for CSS Properties:

background-color
background-image
background-position
background-repeat
border
border-collapse
border-spacing
bottom
caption-side
clear
clip
color
cursor
direction
display
empty-cells
filter
float
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
margin
opacity
overflow
padding
position
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
vertical-align
visibility
white-space
width
word-spacing
z-index

Die befehle link, vistited, hover tauchen aber da gar nicht auf.
Heisst dass es funktioneir tnicht auf diese Weise?
Wenn nein - wie dann?

Kann mir jemand die richtige Schreibweise nennen?
Das wäre toll!! :))

gruss
nic

[Cheatah]

Hi,

Ich war ein wenig überrascht, dass meine grundsätzliche Schreibweise, also von den vergessenen Semikolonen mal abgesehen, richtig sein sollte.

dann unterrasche wieder, denn sie ist es nicht. Es gibt keine CSS-Eigenschaften, die "link", "active" usw. heißen; und wenn es sie gäbe, hätten sie einen anderen Zweck.

Die befehle link, vistited, hover tauchen aber da gar nicht auf.

Befehle gibt es in CSS nicht. Du meinst Eigenschaften; und ":link", ":visited", ":hover" etc. sind Pseudoklassen.

Heisst dass es funktioneir tnicht auf diese Weise?

Nope.

Wenn nein - wie dann?

Exakt genauso wie außerhalb von Newslettern. Mit dem Unterschied, dass Microsoft vor einiger Zeit den Schnitt der CSS-Unterstützung in Mailprogrammen massiv gesenkt hat: In Outlook kannst Du vielerlei Dinge komplett vergessen.

Cheatah

[nicnicnic]

Na denn weiss ich ja jetzt Bescheid.
Herzlichen Dank für die Kompetente Antwort.

liebe Grüsse
Nic

Hi,

Ich war ein wenig überrascht, dass meine grundsätzliche Schreibweise, also von den vergessenen Semikolonen mal abgesehen, richtig sein sollte.

dann unterrasche wieder, denn sie ist es nicht. Es gibt keine CSS-Eigenschaften, die "link", "active" usw. heißen; und wenn es sie gäbe, hätten sie einen anderen Zweck.

Die befehle link, vistited, hover tauchen aber da gar nicht auf.

Befehle gibt es in CSS nicht. Du meinst Eigenschaften; und ":link", ":visited", ":hover" etc. sind Pseudoklassen.

Heisst dass es funktioneir tnicht auf diese Weise?

Nope.

Wenn nein - wie dann?

Exakt genauso wie außerhalb von Newslettern. Mit dem Unterschied, dass Microsoft vor einiger Zeit den Schnitt der CSS-Unterstützung in Mailprogrammen massiv gesenkt hat: In Outlook kannst Du vielerlei Dinge komplett vergessen.

Cheatah