Ankündigung

Einklappen
Keine Ankündigung bisher.

formatierung von links ändern

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • formatierung von links ändern

    Hallo, Allerseits,



    folgendes Problem, stellt sich mir da:



    ich habe einen Link, den ich per OnMouseOver ändere und der beim draufklicken ein inputfeld namens "feld" ändert:



    Code:
     <a onMouseover="this.innerHTML='.Home.'" onMouseout="this.innerHTML='Home'" href="test.html" target="frame" onmouseup="feld.head.value='Home';">Home</a>


    Mein Problem ist nun, wie bekomme ich den Link dazu, beim draufklicken unterstrichen zu bleiben, bis ich einen anderen link anklicke. Noch besser wäre es, wenn die Punkte vor und nach dem Linktext erhalten bleiben, wenn der Link aktiv ist.



    zu erwähnen ist noch, dass die Links per CSS formatiert werden.

    Das klappt soweit ganz gut, nur das mit dem unterstreichen will nicht funktionieren.



    Danke vorab,



    gruss Night-Liner

  • #2
    AW: formatierung von links ändern

    Hi,

    Das geht so:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Verweise gestalten mit CSS</title>
    <style type="text/css">
    a:link { text-decoration:none; font-weight:bold; color:#e00000; }
    a:visited { text-decoration:none; font-weight:bold; color:#800000; }
    a:hover { text-decoration:none; font-weight:bold; background-color:#ff0; }
    a:active { text-decoration:none; font-weight:bold; background-color:#cff; }
    a:focus { text-decoration:none; font-weight:bold; background-color:#080; }
    </style>
    </head>
    <body>

    <h1>Eine kleine Verweissammlung</h1>

    <p>
    <a href="http://www.tagesschau.de/">ARD Tagesschau</a> Nachrichten<br>
    <a href="http://www.heise.de/newsticker/">Heise Newsticker</a> Computer-Nachrichten<br>
    <a href="http://de.news.yahoo.com/">Yahoo Nachrichtenticker</a> Nachrichten<br>
    <a href="http://www.oneworld.net/section/current">OneWorld News</a> Nachrichten (en)
    </p>

    <p>
    <a href="/" style="color:green">Wohin der wohl f&uuml;hren mag?</a><br>
    <a href="./" style="color:green">Und der hier?</a>
    </p>

    </body>
    </html>
    Mit dem Tag

    text-decoration
    bestimmst du die dekoration des Textes.

    Schreibst du nun hin:

    text-decoration:none
    so ist keine decoration vorhanden.

    Bei
    text-decoration:underline
    Wird der Link unterstrichen

    Bei
    text-decorationverline
    Wird der Link überstrichen

    Auch möglich ist:
    text-decorationverline;underline
    So wird er unter und überstrichen.

    Lg
    Basti

    Kommentar


    • #3
      AW: formatierung von links ändern

      Zitat von Inet-Portal
      Auch möglich ist:

      text-decoration: overline;underline
      So wird er unter und überstrichen.
      Falsch. Es muss heißen a{text-decoration: overline underline;} !
      sigpic

      Kommentar


      • #4
        AW: formatierung von links ändern

        ah

        Das war das einzige, wo ich mir unsicher war!
        Danke an dieser Stelle

        Lg
        Basti

        Kommentar


        • #5
          AW: formatierung von links ändern

          Hallo,

          Ich finde dies nicht die schönste Methode mit JavaScript. Was ist wenn jemand JavaScript deaktiviert hat? Dann bekommt er von diesem schönen Effekt nichts mit.

          Machs doch mit CSS ganz einfach so:
          Code:
          <style type="text/css">
          a:link { text-decoration:none; font-weight:bold; color:#e00000; }
          a:visited { text-decoration:none; font-weight:bold; color:#800000; }
          a:hover { text-decoration:none; font-weight:bold; background-color:#ff0; }
          a:hover:before { content: "."; }
          a:hover:after { content: "."; }
          a:active { text-decoration:none; font-weight:bold; background-color:#cff; }
          a:focus { text-decoration:none; font-weight:bold; background-color:#080; }
          </style>
          So wird vor dem Link beim drüberfahren den content(inhalt) "." eingefügt und das selbe nach dem Link.

          An deiner Stelle würde ich diesen Code verwenden...

          MFG
          [ASTERIX]

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.941   Beiträge: 431.262   Mitglieder: 28.752   Aktive Mitglieder: 78
          Willkommen an unser neuestes Mitglied, Michael83.

          Online-Benutzer

          Einklappen

          184 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 180.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X