crazycons: Über und Unterstrichen

Jo,machema die Frage kurz! Ich suche das script,um bei nem mouseover gleichzeitig über und unterstreichen zu können! Das würde ich dann noch gerne in das folgende script einbauen! :

<html>
<style type="text/css">
a.hov:hover { text-decoration:underline }
a { text-decoration:none }
</style>
<body>
<a href="#1">Link 1</a><br>
<a href="#2" class="hov">Link 2</a>
</body>
</html>

Ist das machbar? Wenn ja,wie?
Danke schon mal!
Grüße und nen schöenen Abend noch!
-=|crazycons|=-

  1. Auch damit möglich:

    <html>
    <style type="text/css">
    a.hov:hover { text-decoration:underline overline; }
    a { text-decoration:none }
    </style>
    <body>
    <a href="#1">Link 1</a><br>
    <a href="#2" class="hov">Link 2</a>
    </body>
    </html>

    Du siehst: ich habe nur aus "text-decoration:underline;" "text-decoration:underline overline;" gemacht. Wenn du den Trick für alle Links im HTML-Dokument machen willst, mache dies so:

    <html>
    <style type="text/css">
    a:hover { text-decoration:underline overline; }
    a { text-decoration:none }
    </style>
    <body>
    <a href="#1">Link 1</a><br>
    <a href="#2">Link 2</a>
    </body>
    </html>

    Hier wurde nur aus "a.hov:hover" "a:hover" gemacht. Damit wird das Style-Sheet auf allle Links bezogen. Nicht nur auf die mit 'class="hov"'.

    CU

    Juli

    Jo,machema die Frage kurz! Ich suche das script,um bei nem mouseover gleichzeitig über und unterstreichen zu können! Das würde ich dann noch gerne in das folgende script einbauen! :

    <html>
    <style type="text/css">
    a.hov:hover { text-decoration:underline }
    a { text-decoration:none }
    </style>
    <body>
    <a href="#1">Link 1</a><br>
    <a href="#2" class="hov">Link 2</a>
    </body>
    </html>

    Ist das machbar? Wenn ja,wie?
    Danke schon mal!
    Grüße und nen schöenen Abend noch!
    -=|crazycons|=-

  2. Hi,

    Jo,machema die Frage kurz! Ich suche das script,um bei nem mouseover gleichzeitig über und unterstreichen zu können! Das würde ich dann noch gerne in das folgende script einbauen!

    Jo,machema die Antwort kurz:
    a { text-decoration:none; }
    a:hover { text-decoration:none; border-style:solid; border-left-width:0px; border-top-width:1px; border-right-width:0px; border-bottom-width:1px;}

    Gruß, Lutz