Blöde Frage: Farben in CSS definieren

[Leander]

Hallo!

Überschriften definiere ich in der CSS als p class...allerdings wird dann immer ein Absatz gemacht.

Ich bräuchte jetzt aber noch einen individuellen Platzhalter für weitere Überschriften bzw. für sonstwas. Ich will einfach ein Wort so darstellen, wie ich es in der CSS angebe, aber ohne Absatz. Ich will auch nicht font color=... in der HTML einbauen.

Wie kann ich z.B. "Anmerkung" mit #A52A2A und fett darstellen? Was kommt da in die HTML rein? Kein p class, kein font color, kein div id (weil ich da wieder einen Absatz habe), sondern...? Sind Basics, aber ich komme nicht drauf.

Es soll dann so aussehen:

Anmerkung: Das ist eine Anmerkung.

Und "Das ist eine Anmerkung" soll rechts danebenstehen, ohne Absatz und schwarz sein, was eh default ist, via CSS eingestellt. Aber Anmerkung soll #A52A2A und bold sein. Mit welchen Tags umschließe ich <...>Anmerkung</...>&nbsp;Das ist eine Anmerkung in der HTML?

[Seramis]

Hallo,

du könntest im CSS noch em vergeben...

em{
color :#a452a2;
font-weight: bold;
}

dann im html:
<em>Anmerkung:</em> Das ist eine Anmerkung.
;-)

[prm]

Die Lösung von Seramis ist eine Möglichkeit.
Für Überschriften gibt es allerdings speziell die Auszeichnungen h1 bis h6 (je nach Priorität der Überschrift), welche man für diesen Zweck auch verwenden sollte.
Um Absätze zu vermeiden, aber auch generell sinnvoll, werden diese grundsätzlich auf "0" gesetzt. Sollen sie dann doch benötigt werden, musst du sie beim entsprechenden Element wieder definieren.

Ich würde es so machen:

CSS:

Code:

* {margin: 0; padding: 0;}

h1 {
color :#a452a2;
font-weight: bold;
font-size: 1.3em;
}

h1 span {
color: #000
}

HTML

Code:

<h1>Anmerkung <span>Das ist eine Anmerkung</span></h1>

Willst du bei h1 doch einen Abstand haben, dann füge im CSS-Teil bei h1 z.B. noch folgendes ein:

Code:

margin: 0.7em 0;

und passe den Wert von 0.7em deinen Vorstellungen an.

[Leander]

Danke.

Ich habe es eh so mit Margin und Padding versucht...aber bei mir kommt immer ein Absatz bei den <H>s.

EDIT Ups, es geht doch jetzt. Danke.

http://leander.llcp.at/videos_unwetter.htm

[Leander]

<H2>VIDEOS:&nbsp;<span>Unwetter in Wels</span>&nbsp;<A HREF="videos.htm">zurück</A></H2>

Das Problem ist noch, dass zurück fett ist.

Ich bräuchte quasi VIDEOS in rötlicher Farbe und fett, Unwetter... in schwarz und fett und zurück normal und schwarz.

[prm]

CSS

Code:

.zurueck {color: #000;}

hier (ggf.noch font-size usw. hinterlegen)

HTML

Code:

<H2>VIDEOS:&nbsp;<span>Unwetter in Wels</span>&nbsp;</H2><A class="zurueck" HREF="videos.htm">zurück</A>

[Leander]

Danke. Klappte gut, aber ich will es doch jetzt anders machen...und kriege es wieder einmal nicht hin.

Uff...also...

Der Inhalt steht im Content-div drin. Content a:hover etc. ist auch in der CSS definiert.

Nun gibt es Überschriften, die rot sind und fett...weißt du ja.
Nur will ich es so machen, dass es keinen Text "zurück" gibt, sondern:

VIDEOS < Unwetter in Wels

"VIDEOS" ist fett und rot...allerdings ist es bei Unterkategorien der Zurücklink...wenn man bei "Unwetter in Wels" (videos_unwetter.htm) ist und auf "VIDEOS" klickt, soll man zurück zu "videos.htm" kommen.

Deswegen ist in dem Fall "VIDEOS" ein Link. Und in der CSS wird dann das Aussehen des Links im #content definiert. Nur soll NUR bei solchen Zurücklinks es anders aussehen.

Der Link soll fett und rot sein, aber nicht unterstrichen. Wenn man drüber geht, soll er unterstrichen werden.

Wenn ich in der CSS die content-hover usw. ändere, ändert sich aber ALLES.
Ich bräuchte quasi eine spezielle Klasse für Überschriften-Zurücklinks.

Wie geht das?

Normal war es ja mit h2 und span, aber ein h2 A und h2 A:Hover geht ja nicht.

[prm]

Du hast dir die Antwort ja schon selbst gegeben, indem du erkannt hast, dass du eine spezielle "Klasse" brauchst.
Die musst du lediglich definieren wie z.B. hier beschrieben.

[Leander]

Super, danke.

[Leander]

Nochmal ein Danke für deine Hilfe, prm. Hab jetzt alles fertig.

http://leander.llcp.at