CSS-Frage

Re(5): CSS-Frage

bigboss007 — Sun, 08 May 2005 17:16:56 GMT

herzlichen dank für die super erklärung

Re(4): CSS-Frage

Xmolch — Sun, 08 May 2005 15:55:15 GMT

Klassen werden in CSS durch ein Punkt gekennzeichnet.

.eineKlasse

Diese Klasse kann jetzt in der HTML-Datei jedem beliebigen Element zugewiesen werden. Zum Beispiel:

oder

oder

Wenn du eine CSS-Klasse auf ein bestimmtes Element beschränken willst, dann musst du der Klasse nur den Namen des Elements voranstellen.

h1.artikel

Jetzt darf die Klasse 'artikel' nur Elementen mit dem Namen 'h1' zugewiesen werden. (Dasselbe gilt übrigens auch für id's; statt dem Punkt einfach eine Raute '#' denken).

Soviel sei zu den grundlegenden Dingen über Klassen gesagt. Jetzt erklär ich dir an einem konkreten Beispiel ein besonderes Feature von CSS, das eine Lösung für dein Problem bietet.

  Hauptseite
  Neuigkeiten
  Forum

Wie können wir alle Links, die sich in diesem div-Element befinden auf elegante Weise formatieren? Ganz einfach, wir verwenden dafür den sogenannten 'Kontext-Selektor'.

.menu a:link { color:#0000FF; text-decoration:none; font-weight:bold; }

Die Formatierungen in dieser Zeile werden jetzt bei allen Links angewandt, die sich in einem Element mit der Klasse 'menu' befinden. Mit dieser Methode brauchen wir nicht jedem Link eine Klasse zuzuweisen, und ersparen uns damit sehr viel Tipp- bzw. Verwaltungsarbeit.

Ich hoffe, ich konnte behilflich sein.

Re(3): CSS-Frage

bigboss007 — Sun, 08 May 2005 10:17:09 GMT

so erstmal danke für deine antwort...

Normalerweise dürfte die Klasse 'spezialBereich' nur Link-Elementen zugewiesen
werden (also )

wenn ich das jetzt jetzt richtig verstanden habe dann soll ich nicht wie somnatic gesagt hat mit span class= arbeiten sondern mit a class oder??

nur wie definiere ich jetzt a class in der css-datei??

Re(5): CSS-Frage

Somnatic — Sat, 07 May 2005 17:47:04 GMT

oh. . und ich hab mir schon gedacht da hättest was vergessen (war zu faul um in den source zu blicken).

Re(4): CSS-Frage

Xmolch — Sat, 07 May 2005 17:40:52 GMT

Ja, das wäre korrekt. Das hatte ich auch in meinem Post oben angegeben, hab aber vergessen statt den spitzen Klammern die Enitäten hinzuschreiben. Hab ich jetzt aber editiert.

Re(3): CSS-Frage

Somnatic — Sat, 07 May 2005 17:37:26 GMT

ein
...

wäre aber erlaubt, oder ?

Re(3): CSS-Frage

Somnatic — Sat, 07 May 2005 17:36:25 GMT

hast recht

das kam grad ausm kopf

Re(2): CSS-Frage

Xmolch — Sat, 07 May 2005 17:29:41 GMT

Irgendwie denke ich, dass das was du machst gegen die Regeln von CSS bzw. HTML4 ist. Normalerweise dürfte die Klasse 'spezialBereich' nur Link-Elementen zugewiesen werden (also ), weil du den Klassen-Selektor eindeutig mit dem a-Tag assoziierst (a.spezialBereich). Wenn du spezialBereich z.B. einem span-Tag zuweist, müsste das der Browser eigentlich ignorieren...

Ich persönlich würde an dieser Stelle den Kontext-Selektor verwenden, weil er das gleiche bewirkt und vorallem weil er den CSS-Regeln entspricht:

.spezialBereich a:link { ... }

Diese Zeile sagt aus, dass ein Link, der sich innerhalb eines Elements mit der Klasse 'spezialBereich' befindet, entsprechend formatiert werden soll.

Re(2): CSS-Frage

Xmolch — Sat, 07 May 2005 17:29:41 GMT

Re: CSS-Frage

Somnatic — Sat, 07 May 2005 14:50:57 GMT

definiere deine as folgendermassen:

a.spezialBereich:link { ... };

und im Quelltext der Seite machst du dann folgendes:

... Hier die Links rein ...

Dann werden alle Links, die innerhalb von den Span Tags liegen, so eingefärbt wie du es im Stylesheet angibst, alle ausserhalb dieses Bereichs, bleiben von der Formatierung unberührt.

CSS-Frage

bigboss007 — Sat, 07 May 2005 14:40:44 GMT

So, hab jetzt für meine HP ein CSS-dokument gemacht dass folgendermaßen aussieht:
a:link { color:#0000FF; text-decoration:none; font-weight:bold; }
a:visited { color:black; text-decoration:none; font-weight:bold; }
a:hover { color:#EE0000; text-decoration:none; background-color:#0066CC; font-weight:bold; }
a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold; }
a:focus { color:#00AA00; background-color:#FFFF77; font-weight:bold; }

so weit so gut...klappt alles...NUR...
ich will jetzt auf meiner HP links erstellen die NICHT nach diesem CSS-style ausschauen sollen wie kann ich das jetzt wieder machen??

also wenn ich jetzt z.b: in der index einen link mache mit [a href="seite"]text[/a] dann soll dass NICHT nach dem css anschauen sondern wie ein ganz normaler link...

wie muss ich dass in der css definieren??