Erneut ein kleines Tut. Diesmal geht es darum, wie man mit Hilfe von Cascaded Stylesheets (CSS) in HTML mehrere, voneinander unabhängig aussehende Linkkonfigurationen erstellen kann:

Die Standardkonfiguration in CSS lautet so:Quellcode:a:link { /* Definitionen */ }
a:active { /* Definitionen */ }
a:visited { /* Definitionen */ }
a:hover { /* Definitionen */ }Damit läßt sich allerdings nur erreichen, daß pro Seite ein gemeinsamer Link-Stil verwendet wird, d.h. alle Links enstprechen diesem einen Stil.

Nun kann man aber pro Seite mehrere Link-Stile definieren. Dazu erfindet man einen Identifikator pro Link-Stil und baut diesen via class = "Identifikator" in ein HTML Link-Gerüst ein:Quellcode:a:link { /* Definitionen */ }
a:visited { /* Definitionen */ }
a:active { /* Definitionen */ }
a:hover { /* Definitionen */ }

/* Erster Stil mit Identifikator typ1: */

a.typ1:link { /* Definitionen */ }
a.typ1:visited { /* Definitionen */ }
a.typ1:active { /* Definitionen */ }
a.typ1:hover { /* Definitionen */ }

/* Zweiter Stil mit Identifikator typ2: */

a.typ2:link { /* Definitionen */ }
a.typ2:visited { /* Definitionen */ }
a.typ2:active { /* Definitionen */ }
a.typ2:hover { /* Definitionen */ }

/* usw. */Nun folgen die <a>-Gerüste im HTML-Code:Quellcode:<!-- Globaler Link-Stil: -->
<a href="..."> ... </a>

<!-- Link-Stil typ1: -->

<a href="..." [color="#0000FF"][b]class="typ1"[/b][/color]> ... </a>

<!-- Link-Stil typ2: -->

<a href="..." [color="#FF0000"][b]class="typ2"[/b][/color]> ... </a>Damit kann man prima arbeiten :D

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Sehr Schön, Kriz. Das war ja dein Problem von vorhin. Vielleicht sollte ich mir endlich auch CSS angewöhnen, erleichtert die Arbeit ja ungemein. :)

42 Es gibt keinen Sinn des Lebens.

Jo... tu das mal. Ich arbeite schon lang mit CSS, das is einfach extrem praktisch. Und mittlerweile kann man ja davon ausgehen, dass wirklich jeder Browser CSS unterstützt. Was man bei weitem noch nicht voraussetzen konnte, als ich mit CSS angefangen hab, tjaja...

btw: HomeSite rulez!

TheTinySteini
Coder Poke646
"Don't Panic" - Hitchhiker's Guide to the Galaxy

Die Browser in unserer Schule unterstützen kein CSS. :/
Das kommt saucool wenn man die komplette HP seines Bio-Projekts neu machen muss weil einem auffällt das man in der Schule Netscape 2.XX oder so benutzt.

BTW habe ich vor ~4 Monaten mal hier im Forum gefragt wie man das Problem das in diesem Tutorial behandelt wird lösen kann. :)

psychosven - float like a butterfly, sting like a bee.
~verbalterrorismus.de

sehr schön, sehr schön...

nur dummerweise haben die von selfhtml das schon vor nem jahr rausgefunden...

Wenn nicht sogar schon länger her :)
Ich glaub ich benutze das ja schon selber seit min. nem Jahr :P

Verkehrt ist ein Tut natürlich trotzdem nicht

Mag schon sein, aber das muss man erst rauspicken, als Kriz mich mal deswegen gefragt hat, hab ich in shtml nicht gefunden, da es einfach zu groß ist und relativ unübersichtlich ist (Nichts gegen shtml). Hat also schon nen guten Zweck.

42 Es gibt keinen Sinn des Lebens.