Klasse für Links

[Stefan]

Hallo zusammen!

Ich verwende auf meinen Seiten 2 verschiedene Arten von Links.
Zum einen habe ich da interne Links und zum anderen welche, die auf externe Seiten oder Email zugreifen.

Derzeit habe ich die Links in der css-Datei wie folgt definiert:
a:link { font-weight:bold; color:#FF8C00; text-decoration:none; }
a:visited { font-weight:bold; color:#FF8C00; text-decoration:none; }
a:active { font-weight:bold; color:#FF8C00; text-decoration:none; }

Derzeit schreibe ich für externe Links immer entsprechend die Änderungen im Tag mit hinein:
<a style="font-weight=normal" style="text-decoration:underline" href="http://" target="_blank"> </a>

Bei Tabellen-Zellen klappt es, dass man sich dort Klassen anlegen kann, wie z.B.:
td { border:1 solid #1c3b63; padding-left:2mm; padding-right:2mm; }
td.oben { background-color:#1c3b63; }

Ich möchte dies auch gerne für die Links hinbekommen, bekomme es aber nicht mit der Klassen-Definition '.class' hin.
Funktioniert dies überhaupt?

Vielen Dank für Eure Hilfe!

Bis denn

Stefan

[srob]

Hallo Stefan,

in diesem Thread dürftest Du Deine Antwort finden: http://forum.de.selfhtml.org/archiv/2003/1/35422/#m193149.

HTH Robert

[Stefan]

Hallo Stefan,

in diesem Thread dürftest Du Deine Antwort finden: http://forum.de.selfhtml.org/archiv/2003/1/35422/#m193149.

HTH Robert

Hallo Robert,

besten Dank für die schnelle Hilfe.

Hier dann mal das was rauskam, für all die es noch interessiert:
a.ext:link { font-weight:normal; text-decoration:underline; }
a.ext:visited { font-weight:normal; text-decoration:underline; }
a.ext:active { font-weight:normal; text-decoration:underline; }

Kannst Du mir denn auch sagen, ob es möglich ist das Target mitzugeben? Ich öffne nämlich externe Sachen immer in einem neuen Fesnter und hab dafür dann folgendes:
<a class="ext" href="http://" target="_blank"> </a>

Bis denn

Stefan

[HTMLton]

hallo Stefan

Kannst Du mir denn auch sagen, ob es möglich ist das Target mitzugeben? Ich öffne nämlich externe Sachen immer in einem neuen Fesnter und hab dafür dann folgendes:
<a class="ext" href="http://" target="_blank"> </a>

meines wissens gibt man das im header des jeweiligen html-dokumentes an:

<base target="_blank">

weitere infos: http://selfhtml.teamone.de/html/kopfdaten/basis.htm

gruss
HTMLton

[Stefan]

Hallo HTMLton,

meines wissens gibt man das im header des jeweiligen html-dokumentes an:

<base target="_blank">

schon klar *g*.
Wenn ich aber auf einer Seite mehre Links habe, die sowohl intern in Frames verwaisen als auch nach draußen, hätte man hier erneut das Problem.

Bis denn

Stefan

[HTMLton]

hallo Stefan

Wenn ich aber auf einer Seite mehre Links habe, die sowohl intern in Frames verwaisen als auch nach draußen, hätte man hier erneut das Problem.

öhm... keine ahnung, da mach ich es halt auch wieder extra.

siehe beispiel: http://www.gaeugf.ch/gaeugf/links.html

vielleicht gibt es die möglichkeit, das mit CSS zu lösen.

ps: hätte Tom hier geschaut (posting weiter oben), hätte er seine antwort auch bekommen ;)

gruss
HTMLton

[Stefan]

vielleicht gibt es die möglichkeit, das mit CSS zu lösen.

So hab ich es derzeit auch, und da ich ja externe Links anders darstellen möchte, und dies (siehe weiter oben) per CSS mache, würde ich das dann auch gerne.

ps: hätte Tom hier geschaut (posting weiter oben), hätte er seine antwort auch bekommen ;)

Stimmt, aber manchmal ist es auch ein wenig schwer einmal ein paar Beträge naach unter zu gehen oder STRG-F zu drücken und zu suchen *g*.

Bis denn

Stefan

[srob]

Hallo Stefan,

Kannst Du mir denn auch sagen, ob es möglich ist das Target mitzugeben? Ich öffne nämlich externe Sachen immer in einem neuen Fesnter und hab dafür dann folgendes:
<a class="ext" href="http://" target="_blank"> </a>

was meinst Du: ob man das Ziel eines Links auch in einem Style unterbringen kann? Ich wüßte nicht; es würde meiner Meinung nach auch nicht der Aufgabe von CSS entsprechen. Sieh einmal nach, welche Styles für einen Link möglich sind: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/html/reference/elements.asp (tut mir leid, wenn a) die Anti-MS-Fraktion jetzt ihr Frühstück erbricht, aber das ist die einzige mir bekannt Quelle für eine derartige Auflistung, und b) ich weder Zeit noch Lust habe herauszufinden, wie ich diesen Verweis gemäß selfforum-Regeln zu einem echten Link mache).

HTH Robert

[MudGuard]

Hi,

Kannst Du mir denn auch sagen, ob es möglich ist das Target mitzugeben?

Selbstverständlich geht das nicht.
CSS dient dazu, das Aussehen von Elementen zu bestimmen.

Ob ein neues Fenster geöffnet wird, hat aber mit dem Aussehen des Links nichts zu tun.
(man kann aber z.B. für alle Links, die ein target="_blank" haben, das Aussehen festlegen:
a[target="_blank"]:link { /*...*/ }
(klappt aber nicht mit dem IE, der ist dazu zu rückständig)

cu,
Andreas

[Calocybe]

Hi!

Kannst Du mir denn auch sagen, ob es möglich ist das Target mitzugeben? Ich öffne nämlich externe Sachen immer in einem neuen Fesnter und hab dafür dann folgendes:
<a class="ext" href="http://" target="_blank"> </a>

Schau mal, ob Du mit der Methode, die ich in http://forum.de.selfhtml.org/archiv/2002/6/15548/#m86873 vorgeschlagen habe, was anfangen kannst. Die Sache ist dann aber von der Verfuegbarkeit von JavaScript abhaengig.

[MudGuard]

Hi,

Derzeit schreibe ich für externe Links immer entsprechend die Änderungen im Tag mit hinein:
<a style="font-weight=normal" style="text-decoration:underline" href="http://" target="_blank"> </a>

Was soll das denn werden?
Trenner zwischen property und value ist immer noch der Doppelpunkt.
Jedes Attribut kann pro Element nur einmal vorhanden sein.
(Der Trenner zwischen verschiedenen Regeln ist im Style-Attribut der selbe wie in den Rulesets direkt: der Strichpunkt)

Bei Tabellen-Zellen klappt es, dass man sich dort Klassen anlegen kann, wie z.B.:
td { border:1 solid #1c3b63; padding-left:2mm; padding-right:2mm; }
td.oben { background-color:#1c3b63; }

Das klappt bei a genauso.

Ich möchte dies auch gerne für die Links hinbekommen, bekomme es aber nicht mit der Klassen-Definition '.class' hin.
Funktioniert dies überhaupt?

Sicher funktioniert das. Warum sollte es nicht?

a.deineKlasse:link { /*...*/ }
a.deineKlasse:visited { /*...*/ }
...

<a class="deineKlasse" href="http://www.example.org/">click</a>

cu,
Andreas