CSS-Frage

CSS-Frage (11 Beiträge, 136 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

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??

____________________________________________________________________
"Lehrt eure Kinder was wir unseren Kindern lehrten! Die Erde ist unsere Mutter.Was die Erde befällt, befällt auch die Söhne dieser Erde. Wenn die Menschen auf die Erde spucken, bespeien sie sich selbst. Die Erde gehört nicht den Menschen, der Mensch gehört der Erde.Alles ist verbunden, wie das Blut, das eine Familie vereint. Alles ist verbunden. Was die Erde befällt, befällt auch die Söhne dieser Erde."

definiere deine as folgendermassen:

a.spezialBereich:link { ... };

und im Quelltext der Seite machst du dann folgendes:

<span class="spezialBereich">... Hier die Links rein ... </span>

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.

Wanna do me a favor?

Spezielle User

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 <a class="spezialBereich" ... ></a> ), 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.

"Indeed our end is nigh. So sow the seeds of discipline, piety and virtue and reap the reward on the following day."

07.05.2005, 19:38 Uhr - Editiert von Xmolch, alte Version: hier

hast recht

das kam grad ausm kopf

Wanna do me a favor?

Spezielle User

Dieser Beitrag bezieht sich auf eine ältere Version des beantworteten Postings!

ein
<a class="spezialBereich" ....>...</a>

wäre aber erlaubt, oder ?

Wanna do me a favor?

Spezielle User

Dieser Beitrag bezieht sich auf eine ältere Version des beantworteten Postings!

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.

"Indeed our end is nigh. So sow the seeds of discipline, piety and virtue and reap the reward on the following day."

oh. . und ich hab mir schon gedacht da hättest was vergessen

(war zu faul um in den source zu blicken).

Wanna do me a favor?

Spezielle User

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??
____________________________________________________________________
"Lehrt eure Kinder was wir unseren Kindern lehrten! Die Erde ist unsere Mutter.Was die Erde befällt, befällt auch die Söhne dieser Erde. Wenn die Menschen auf die Erde spucken, bespeien sie sich selbst. Die Erde gehört nicht den Menschen, der Mensch gehört der Erde.Alles ist verbunden, wie das Blut, das eine Familie vereint. Alles ist verbunden. Was die Erde befällt, befällt auch die Söhne dieser Erde."

Klassen werden in CSS durch ein Punkt gekennzeichnet.

.eineKlasse

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

<p class="eineKlasse"></p> oder
<ol class="eineKlasse"></ol> oder
<span class="eineKlasse"></span>

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.

<div class="menu">
  <a href="">Hauptseite</a>
  <a href="">Neuigkeiten</a>
  <a href="">Forum</a>
</div>

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.

"Indeed our end is nigh. So sow the seeds of discipline, piety and virtue and reap the reward on the following day."

herzlichen dank für die super erklärung
____________________________________________________________________
"Lehrt eure Kinder was wir unseren Kindern lehrten! Die Erde ist unsere Mutter.Was die Erde befällt, befällt auch die Söhne dieser Erde. Wenn die Menschen auf die Erde spucken, bespeien sie sich selbst. Die Erde gehört nicht den Menschen, der Mensch gehört der Erde.Alles ist verbunden, wie das Blut, das eine Familie vereint. Alles ist verbunden. Was die Erde befällt, befällt auch die Söhne dieser Erde."

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung