Christian Sch.: Links oben und unten mit Line ausrüsten

Hallo,
besteht die Möglichkeit in einer CSS Datei die angaben für
"text-decoration :" mit den beiden Befehlen overline und underline zu kombinieren? Sollte also so aussehen das der link sowohl oben wie auch unten einen Strich hat. Die Java Lösung ist mir bekannt, nur die mag ich nun wirklich nicht!

Vielen Dank im vorraus

Christian Schwindling

  1. Hallo.

    Ich weiß nicht ob ich das jetzt auf die schnelle so richtig verstanden habe. Meinst du vielleicht das hier?

    <style>
    .an
    {text-decoration: underline overline; color: blue;}
    .aus
    {text-decoration: none; color: black;}
    </style>
    </head>
    <body>
    <a href="#" class="aus" onMouseOver="this.className ='an'" onMouseOut="this.className ='aus'">
    Dies ist ein Testlink</a>
    </body>
    </html>

    Viel Spaß dann noch.
    Tschau holger_b

  2. hallo christian

    hier der css quelltext

    <style type="text/css">
    A:link { color : #0033CC; text-decoration: none }
    A:visited {color : #0033CC; text-decoration: none }
    A:bb:hover {color: #808080; text-decoration: underline }
    A:bb:hover {color: #808080; text-decoration: overline }
    A:active {color: #FF0000; text-decoration: none }
    </style>

    mfg
    sven

  3. Hallo Christian,

    text-decoration: underline overline;

    siehe auch:http://www.styleassistant.de/tips/tip07.htm.

    MfG, Thomas

    1. Danke euch allen, ich haue mir jetzt mal an den kopf und füge dann "A:Hover {text-decoration: underline overline; } ein. So einfach kann das sein ...aaaahhhhh. Ohne Eure Antworten wäre mir das vermutlich bis zur nächsten Steinzeit nicht eingefallen. Hatte vorher schon die Variante A:Hover {text-decoration: underline; overline; } versucht und die war natürlich ein schlag ins Wasser!

      danke nochmals ....

      Christan Schwindling