✔ Beim Überfahren eines Links rechts neben dem Link ein "<" einblenden

Status
Nicht offen für weitere Antworten.
A

altox-de

Erfahrenes Mitglied
Hallo zusammen.
Kann man das mit CSS irgendwie machen?
Habe schon inzahlreichen Büchern (u.a. von O'Reilley) geschmökert,
aber nichts gefunden. Folgendes Problem:

Beim Überfahren eines Textlinks soll neben dem Link ein rotes < erscheinen
und sofort wieder verschwinden, wenn die Maus den Link nicht mehr berührt.

MfG, danke für die Hilfe,
Claudi

P.S: Link zum Problem: http://www.reitnau.de/pages/start.html
 
So geht es (ist aber sicher nicht die feinste Lösung):
HTML: 
<html>
  <head>
    <style>
    <!--
    a:link
    {
      color:white;
      text-decoration:none;
    }
    a:hover
    {
      color:red;
      text-decoration:none;
    }
    .b
    {
      color:blue;
    }
    //-->
    </style>
  </head>
  <body>
    <a href="http://www.redlama.org">< <span class="b">redlama</span></a>
  </body>
</html>

redlama
 
Zuletzt bearbeitet:
Hallo. Mein Englisch ist nicht mehr das allerbeste...
Ich werde mal unter den beiden Stichwörtern nachschlagen,
aber eine Hintergrundgrafik fällt wohl flach,
weil die Links in Tabellenzellen stehen und manche schon einen Hintergrund haben.
Du hast nicht zufälli ggerade so'n Script da?

Ich hab nur sowas gefunden:
Code: 
a.external:after {content: "" url(BILD.gif);)
p:after {content: " | ";}

und:
Code: 
a[href]:hover {text-decoration: underline;}
p: hover {background: yellow;}

Hilft das was?
Liebe Grüße
 
Dann machst Du es halt so:
HTML: 
  <body>
    <a href="http://www.redlama.org"><span class="b">redlama</span> <</a>
  </body>

redlama
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück