a:hover direkt als HTML-Attribut. Aber wie?
muffin
- css
0 Cheatah0 muffin0 jürgen j.0 Thomas Luethi0 wahsaga0 Thomas Luethi0 wahsaga
0 muffin
0 jol0 Thomas Luethi0 muffin
Hallo,
habe schon vieles durchsucht, bin aber noch nicht fündig geworden.
Wie kann ich folgende Stylesheet-Angaben innerhalb des <a>-Tags als Attribut einbinden, so dass auch der hover-Effekt funktioniert:
a:link { color:red; }
a:active { color:red; }
a:visited { color:red; }
a:hover { color:blue;}
Meines Erachtens ist nur folgendes möglich:
<a href="" style="color:red;">...</a> also ohne Einbindung des hover-Effekts.
Gibt es Möglichkeiten alle oben erwähnten Zustände als Attribut einzufügen?
Hintergrund: Leider kann ich es nicht als externen Stylesheet oder im Header-Bereich platzieren, da einige Freemailer, diese Bereiche ausschneiden bzw. nicht interpretieren. Das ganze soll für eine HTML-Mail angewendet werden.
Euch schon mal vielen Dank!
Hi,
Wie kann ich folgende Stylesheet-Angaben innerhalb des <a>-Tags als Attribut einbinden, so dass auch der hover-Effekt funktioniert:
indem Du abwartest, bis die für CSS/3.0 angestrebte Syntax hierfür verabschiedet und von "den Browsern" implementiert wurde.
Meines Erachtens ist nur folgendes möglich:
Dein Erachten entspricht den aktuellen technischen Standards.
Cheatah
Vielen Dank für die schnelle Antwort...
indem Du abwartest, bis die für CSS/3.0 angestrebte Syntax hierfür verabschiedet und von "den Browsern" implementiert wurde.
...aber genau das wollte ich nicht lesen! ;-)
Hallo!
...aber genau das wollte ich nicht lesen! ;-)
Vermutlich ist auch das nix neues für Dich (und ist auch nicht CSS):
<a href="" style="color:red;" onmouseover="this.style.color='blue'" onmouseout="this.style.color='red'">
tschüs, jürgen
...dafälltmirnochwasein...
Alle mir bekannten Browser akzeptieren das <style>Element auch, wenn es z.B. im <body> oder sonstwo steht.
Das ist selbstverständlich _nicht_ normgerecht, aber wirkungsvoll.
tschüs, jürgen
Hallo,
...aber genau das wollte ich nicht lesen! ;-)
Eine reine HTML/CSS Loesung gibt es nicht.
Aber wenn es denn so ueberlebenswichtig ist,
kannst Du ja auch mit JavaScript Dein Glueck
versuchen.
<a href="..." onMouseOver="this.color=...; this.bgcolor=...;">
oder so, hab gerade keine Lust, die genaue Syntax
herauszusuchen, u.a. weil ich sowas voellig uebertrieben
faende...
Gruesse,
Thomas
hi,
Aber wenn es denn so ueberlebenswichtig ist,
kannst Du ja auch mit JavaScript Dein Glueck
versuchen.
das ist nur dann eine alternative, wenn die zielgruppe der mail aus derart leichtsinnigen zeitgenossen besteht, deren mailclient scripting erlaubt.
gruss,
wahsaga
Hallo wahsaga,
das ist nur dann eine alternative, wenn die zielgruppe der mail aus derart leichtsinnigen zeitgenossen besteht, deren mailclient scripting erlaubt.
Ich verstand das Ursprungsposting von muffin so, dass es ihm
um Freemail-Dienste geht, bei denen bei der Mail-Anzeige
im _Web_ (Webmail) <STYLE>-Bereiche und externe CSS entfernt
werden. Und im _Browser_ hat ein Grossteil der Benutzer
Scripting aktiviert, also wird dort eine JS-"Loesung"
durchaus etwas bringen (wenn man sie denn korrekt schreibt,
d.h. eher so wie bei Juergen also so wie in meinem Vorschlag;-)
Wenn er beides kombiniert, also zentrales CSS und inline-JS,
dann erreicht er sein "Ziel", naemlich den Hover-Effekt,
in den meisten HTML/CSS-faehigen Mail-Clients (diese haben
ja vermutlich den unzensierten Quelltext und somit das
zentrale CSS) und vermutlich auch in der Webmail-Ansicht
im Browser, um die es ihm - so verstand ich - hier geht.
Schlussendlich geht es um einen laecherlichen optischen Effekt,
und eigentlich verschwenden wir hier unsere Zeit, wenn wir
uns den Kopf darueber zerbrechen ;-)
Gruesse,
Thomas
der HTML-Mail und HTML-Newsletter nicht ausstehen kann
hi,
Ich verstand das Ursprungsposting von muffin so, dass es ihm
um Freemail-Dienste geht, bei denen bei der Mail-Anzeige
im _Web_ (Webmail) <STYLE>-Bereiche und externe CSS entfernt
werden.
ok, das kann sein.
Wenn er beides kombiniert, also zentrales CSS und inline-JS,
dann erreicht er sein "Ziel"
_das_ würde ich aber stark bezweifeln.
bei den mir bekannten freemail-anbietern wird bei der anzeige im webinterface jegliches scripting restriktiv unterbunden.
gruss,
wahsaga
Hi Thomas,
kannst Du ja auch mit JavaScript Dein Glueck
versuchen.
herauszusuchen, u.a. weil ich sowas voellig uebertrieben
faende...
Da bin ich auch Deiner Meinung! Dann belasse ich es lieber bei der Standard-Variante und verzichte auf diesen Effekt.
Hatte zuvor die Hoffnung, dass ich eine Möglichkeit übersehen habe.
Trotzdem vielen Dank!
Gruss,
Marc
ich persönlich würde es in den kopf der html datei packen:
<head>
<style type="text/css">
<!--
a:link { color:red; }
a:active { color:red; }
a:visited { color:red; }
a:hover { color:blue;}
-->
</style>
</head>
oder in eine externe css datei, wo du nur das zwischen <!-- und --> reinpacken musst und dann einen link in den kopf der html datei setzen musst:
<head>
<link rel="stylesheet" type="text/css" href="dateiname.css">
</head>
(praktischer, denn falls du mal was ändern musst, kannst du das einfach in einer datei machen und nicht in allen unterseiten...)
anders scheint mir das nicht möglich zu sein, denn mit dem befehl <span style="...">bla</style> klappt es nicht, da du nicht für a:hover, etc. die bedingungen angeben kannst!
ich hoffe ich habe helfen können ;)
mfg
jol
Hallo Jol,
ich persönlich würde es in den kopf der html datei packen [...]
oder in eine externe css datei, [...]
ich hoffe ich habe helfen können ;)
Wohl kaum. Den muffin hat geschrieben, dass genau das
_nicht_ moeglich ist:
Leider kann ich es nicht als externen Stylesheet oder im Header-Bereich platzieren,
Lies bitte die Fragestellung genau, bevor Du antwortest.
Danke.
Thomas
hi,
ich persönlich würde es in den kopf der html datei packen:
oder in eine externe css datei, wo du nur das zwischen <!-- und --> reinpacken musst und dann einen link in den kopf der html datei setzen musst:
vielen Dank für Deine Antwort, aber genau das ist nicht möglich!
Gruss,
Marc