Wie kann man die Unterstreichung bei Ankern (Links) entfernen?

Question

Gibt es eine Möglichkeit (in CSS), die Unterstreichung für den Text und die Links auf der Seite zu vermeiden?

Answer 1

Um das Problem aus einer anderen Perspektive zu betrachten (wie aus dem Titel/Inhalt des ursprünglichen Beitrags hervorgeht):

Wenn Sie herausfinden wollen, was in Ihrem HTML-Code die ungewollten Unterstreichungen erzeugt, verwenden Sie ein Debugging-Tool. Die Auswahl ist groß:

Für Firefox gibt es FireBug;

Für Opera gibt es Dragonfly (genannt "Entwicklertools" im Menü "Werkzeuge" > "Erweitert"; wird standardmäßig mit Opera geliefert);

Für den IE gibt es die "Internet Explorer Developer Toolbar", die für IE7 und darunter separat heruntergeladen werden kann und in IE8 integriert ist (drücken Sie F12).

Ich habe keine Ahnung von Safari, Chrome und anderen Minderheiten-Browsern, aber Sie sollten auf jeden Fall mindestens einen der drei oben genannten auf Ihrem Rechner haben.

Answer 2

Css-Eigenschaft verwenden,

text-decoration:none;

So entfernen Sie die Unterstreichung aus dem Link.

Answer 3

Vergessen Sie nicht, die Stylesheets entweder mit dem Link-Tag

http://www.w3schools.com/TAGS/tag_link.asp

Oder fügen Sie CSS in einen Style-Tag auf Ihrer Webseite ein.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

Ich würde nicht empfehlen, Unterstreichungen für andere Dinge als Links zu verwenden, da Unterstreichungen allgemein als anklickbar gelten. Wenn es nicht anklickbar ist, unterstreichen Sie es nicht.

CSS-Grundlagen können bei w3schools abgeholt werden

Answer 4

<u>

ist ein veraltetes Tag.

Verwenden Sie...

<span class="underline">My text</span>

mit einer CSS-Datei, die...

span.underline
{
    text-decoration: underline;
}  

oder einfach...

<span style="text-decoration:underline">My Text</span>

Answer 5

Die Unterstreichung kann durch eine CSS-Eigenschaft namens Textdekoration entfernt werden.

<style>
    a {
        text-decoration:none;
    }
</style>

Wenn Sie die Unterstreichung für den Text in anderen Elementen als a sollte die folgende Syntax verwendet werden.

<style>
    element-name{
        text-decoration:none;
    }
</style>

Es gibt viele andere text-decoration Werte, die Ihnen bei der Gestaltung von Links helfen können.