HTML, Webseite, Links mit und ohne Unterstriche. Tipps gesucht.

Dieses Thema im Forum "Software" wurde erstellt von Lakks, 9. September 2006.

  1. Lakks

    Lakks New Member

    Hallo.
    Wisst ihr wie man das macht dass der Linktext erst beim darüberfahren mit dem Mauszeiger einen Unterstrich bekommt? Also so wie hier im Forum wenn man über "Hardware" "Software" usw. fährt. Ist das per HTML möglich? oder hat das irgendwie mit Flash oder so nen Kram zu tun?
    Ich will grad mit Netscape Composer eine ganz einfache Seite machen die nur aus Text und Bildern besteht. Aber die Links sehen blöd aus weil der ganze Text da schon unterstrichen ist...
     
  2. Sunshine

    Sunshine New Member

    Das hat nichts mit Flash zu tun, sondern man kann es per CSS machen. Dazu muss man die Tags a und a:hover anpassen. So sollte es eigentlich gehen:

    a {
    text-decoration : none;
    }

    a:hover {
    text-decoration: underline;
    }
     
  3. petervogel

    petervogel Active Member

    <style>
    <!--
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active { text-decoration: none }
    A:hover {text-decoration: none}
    -->
    </style>
    ------------------------------------------------------------------------
    kopier das mal in den head tag deiner seite. damit kannst du die links definieren. text-decoration: none heisst kein unterstrich.
    link ist der normale zustand eines links.
    visited ist wenn es angeklickt wurde.
    active ist der moment des klicks.
    hover ist wenn die maus drüberfährt.

    du kannst z.B. mit "color: #FFFFFF" auch für jeden zustand die farbe definieren. dann müsste eine zeile so aussehen:

    A:hover {text-decoration: none; color: #FFFFFF }
     
  4. Lakks

    Lakks New Member

    Ja moment.
    Ich probiers mal aus...
     
  5. Lakks

    Lakks New Member

    huch. es funktioniert.
    wow, ich bin ein web designer...
     
  6. petervogel

    petervogel Active Member

    sicher funktioniert das :D

    wenn du jetzt mehrere seiten hast, dann kannst du diese ganze info in einem externen css stylesheet definieren und musst nur in der html seite den linkverweis auf dein stylesheet angeben.
    der vorteil ist, dass sich änderungen im stylesheet auf alle deine seiten auswirken ;) macht formattierungen, etc. enorm leichter. in stylesheets kannst so ziemlich alles definieren, von textaussehen über abstände bis zu linkfarben.
     

Diese Seite empfehlen