Supportnet / Forum / Webseiten/HTML
Schriftart,-größe,-farbe trotz fest definiertem externen CSS ändern.....wie???
Frage
Tach Leutz!
Ich hab in einem externen Stylesheet die Text-Schriftart, -Schriftfarbe, -Schriftgröße und das Farbverhalten von Links (link, vivited, hover, active) für alle Seiten definiert. Jetzt möchte ich aber ein paar Wörter/Sätze in einer anderen Farbe/Schriftart/etc haben.
Es bringt aber nix, wenn ich direkt vor das jeweilige Wort einen tag wie z.B. font color oder ähnliches setze, es werden trotzdem weiterhin die Definitionen des Stylesheets verwendet.
Eingebettete Stylesheets würden mir aber auch nix bringen, da ich ja nur einzelne Wörter/Sätze ändern will.
Also: Wie gehts? Warum werden die tags direkt vor den zu ändernden Wörtern ignoriert??
Bis neulich,
Piepsi {:o)
PS: Wie ihr vielleicht schon wisst, bin ich blutiger Anfänger in Sachen HTML. Ich möchte meine HP komplett "per Hand" schreiben, da sich schon viele über meinen schlimmen Source-Code beschwert haben, weil ich ´ne Vorlage genommen und mit Word 2000 editiert hab.
Antwort 1 von ClemensWeiss
Hi,
du kannst in CSS Klassen einrichten, mit denen du einzelne Tags anders formatieren kannst.
Wenn du z. B. zwei Links verschieden aussehen lassen möchtest, müssen deine Definitionen so aussehen:
a:link {color:blue}
.rot {color:red}
.kunter {text-decoration:none}
Genauso kannst du auch für andere Tags verfahren. Die Links sehen dann so aus:
Blauer unterstrichener Link:
<a href="...">Link</a>
Roter unterstrichener Link:
<a href="..." class="rot">Link</a>
Blauer nicht-unterstrichener Link:
<a href="..." class="kunter">Link</a>
Eine Klasse erbt dabei immer die Eigenschaften seines "Vaterobjekts" (wenn man das so nennen kann), wenn sie nicht anders angegeben werden. Deswegen ist der Link "kunter" auch blau.
MfG
Clemens Weiß
www.webplain.de
du kannst in CSS Klassen einrichten, mit denen du einzelne Tags anders formatieren kannst.
Wenn du z. B. zwei Links verschieden aussehen lassen möchtest, müssen deine Definitionen so aussehen:
a:link {color:blue}
.rot {color:red}
.kunter {text-decoration:none}
Genauso kannst du auch für andere Tags verfahren. Die Links sehen dann so aus:
Blauer unterstrichener Link:
<a href="...">Link</a>
Roter unterstrichener Link:
<a href="..." class="rot">Link</a>
Blauer nicht-unterstrichener Link:
<a href="..." class="kunter">Link</a>
Eine Klasse erbt dabei immer die Eigenschaften seines "Vaterobjekts" (wenn man das so nennen kann), wenn sie nicht anders angegeben werden. Deswegen ist der Link "kunter" auch blau.
MfG
Clemens Weiß
www.webplain.de
Antwort 2 von ClemensWeiss
Ach, wenn du eine bestimmte Formatierung nur einmal auf einen Link auf einer Seite anwenden möchtest, kannst du dem Tag auch "style" hinzufügen, also so:
<a href="..." style="font-family:Arial;color:red">Link</a>
Klar? Wenn nicht, dann frag ruhig.
MfG
Clemens Weiß
www.webplain.de
<a href="..." style="font-family:Arial;color:red">Link</a>
Klar? Wenn nicht, dann frag ruhig.
MfG
Clemens Weiß
www.webplain.de
Antwort 3 von Piepsi
Cool, Danke Clemens!!!
Ich wusste doch, dass ich mich auf Dich verlassen kann! *g*
Werds ausprobieren!
Hab noch ´nen seeeeeeehr weiten Weg vor mir...
Bis neulich,
Piepsi {:o)
Ich wusste doch, dass ich mich auf Dich verlassen kann! *g*
Werds ausprobieren!
Hab noch ´nen seeeeeeehr weiten Weg vor mir...
Bis neulich,
Piepsi {:o)