Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Unterstreichung unter dem Link soll weg





Frage

Hallo! Wie stelle ich es an, daß der Strich unter dem Link verschwindet? Ich habe zwar ein Script, das aber verändert die Schrift und die Größe, das sieht nicht gut aus. Außerdem sind bei dem Script dann alle Unterstreichungen weg. Ich möchte gern daß, der Unterstrich nur bei einigen nicht zu sehen ist. Eine Möglichkeit wäre ja mit Flash-Text, aber was ist, wenn der Besucher der Seite das nicht anzeigen kann. Dann sieht die Links doch nicht jeder, oder?

Antwort 1 von Timo

Beim IE läßt sich die Unterstreichung ein- und ausschalten. Das macht also der Besucher. Du könntest die Links in einem Zeichenprogramm (Paint Shop, o.ä.) als text eingeben und als Grafik abspeichern und einbinden.

Antwort 2 von ClemensWeiss

Hi,
du erreichst das mit StyleSheets.

In den Head-Teil der Seite musst du dafür folgendes einfügen:

<style type="text/css"><!--
a:link {text-decoration:none}
a:hover {text-decoration:underline}
a:visited {text-decoration:none}
//--></style>

Damit werden Links nur beim Drüberfahren unterstrichen (hover).

MfG
Clemens Weiß
www.webplain.de

Antwort 3 von DJTomPW

Hallo!

vielen Dank für den Tipp!

Ich habe das in den Head Teil eingefügt, danach hatte ich alle Stiche weg, aber beim Drüberfahren hat er die Striche nicht angezeigt. Wieso nicht?

Dann noch was anderes. Kann ich auch irgendwie angeben, welche Farbe die Links haben sollen, einmal bevor und einmal nachdem man sie angeklickt hat?

Vielleicht auch die Farbe, wenn man drüber fährt mit der Maus?

Antwort 4 von Powertrip

Wenn du sie beim mouseover wieder sichtbar haben willst, dann änderst du das ganze wie folgt ab:

<style type="text/css"><!--
a {text-decoration:none}
a:visited {text-decoration:none}
//--></style>

Wenn du mehrere Verschiedene Linkarten haben willst, also mit und ohne Unterstreichen, sieht das ganze wie folgt aus:

<style type="text/css"><!--
a.noul {text-decoration:none}
a.noul:visited {text-decoration:none}
//--></style>

ein nicht unterstrichener Link wird dann mit

<a href="" class="noul">Text</a>

eingefügt.

Für die Farbe machst du folgendes, wenn ichs gras richtig im kopf hab:


<style type="text/css"><!--
a.noul {
text-decoration:none;
}
a.noul:visited
{
text-decoration:none;
font-color: #FFFFFF;
}

a.noul:hover
{
text-decoration:none;
font-color: #FF0000;
}

//--></style>

Das macht dann alle links, die im tag class="noul" haben beim drüberfahren rot und wenn sie schon besucht sind weiss.

Entsprechende Anpassungen sind noch vorzunehmen, sollte aber kein Probelm darstellen.

Powertrip


Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: