muffin: a:hover direkt als HTML-Attribut. Aber wie?

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!

  1. 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

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. 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! ;-)

      1. 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

        1. ...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

      2. 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

        1. 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

          1. 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

            1. 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

        2. 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

  2. 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

    1. 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

    2. 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