nicht angemeldet
ID? NAME? Textformat
Moin, moin,
hier mal ne Frage an die Spezis:
ich möchte in meiner html zwei <h3> Textblöcke haben, die durch ein Bild getrennt werden. In meiner css-datei definiere ich Farbe, Schriftart, etc. für die Textblöcke.
Bei folgendem Beipsiel meckert allerdings mein Firefox-Validator...
[
<h3 id="text">mein erster text</h3>
<img src="bild.jpg">
<h3 id="text">mein zweiter text</h3>
]
... das ich nicht mehrfach die gleiche id vergeben darf, was ja verständlich ist. Wenn ich statt "id", "name" schreibe, geht das auch nicht. Die einzige andere Möglichkeit, die ich gefunden habe, wäre dem zweiten "<h3> ein andere id zu geben. Somit müsste ich aber ja auch in der css wieder ein eigens kreirten Style für die zweite id machen, was ich ja gerade vermeiden wollte.
Meine Frage also:
Wie kann ich mit EINEM Format-Stil in der CSS-Datei mehrere Text-Absätze, in denen andere Elemente auftauchen, in meiner html darstellen?
Gruß Klaus
-
Sei gegrüßt!
ich möchte in meiner html zwei <h3> Textblöcke haben, die durch ein Bild getrennt werden. In meiner css-datei definiere ich Farbe, Schriftart, etc. für die Textblöcke.
Überschriften 3. Ordnung sind <h3>s, Textblöcke sind <p>s
Bei folgendem Beipsiel meckert allerdings mein Firefox-Validator...
[
<h3 id="text">mein erster text</h3>
<img src="bild.jpg">
<h3 id="text">mein zweiter text</h3>
]Normal, IDs darf mann nur einmal nutzen.
Wie kann ich mit EINEM Format-Stil in der CSS-Datei mehrere Text-Absätze, in denen andere Elemente auftauchen, in meiner html darstellen?
Nutze statt 'name' 'class'.
--
Bis Später
RuD
________________________________________________________________
SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:) -
Hallo Klaus,
Bei folgendem Beipsiel meckert allerdings mein Firefox-Validator...
<h3 id="text">mein erster text</h3>
<img src="bild.jpg">
<h3 id="text">mein zweiter text</h3>> ... das ich nicht mehrfach die gleiche id vergeben darf, was ja verständlich ist. > Wie kann ich mit EINEM Format-Stil in der CSS-Datei mehrere Text-Absätze, in denen andere Elemente auftauchen, in meiner html darstellen? Du hast also Klassen von Textabsätzen (warum <h3>, warum nicht <p>?), böten sich da <http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=Klassen> nicht an? Freundliche Grüße Vinzenz-
Hallo Vinzenz,
Ich habe mal mit <p> ein bischen herumgespielt und folgendes versucht:
in der css steht:
--------------------------
p { color:blue; }
--------------------------in der html:
--------------------------
<p>Testtext</p>
--------------------------Das klappt soweit. Wie mache ich es aber, wenn ich zwei verschiedene textfarben haben möchte, also einmal in blau und einmal in rot z.B.?
Dann muss ich doch eine "class" machen, also:
<p class="textrot">roter Text</p>
<p class="textblau>blauer Text</p>Wie bzw. was schreibe ich jetzt in die CSS-Datei?
Gruß Klaus und Danke für Deine Hilfe
-
Hallo Klaus,
Das klappt soweit.
schön.
Wie mache ich es aber, wenn ich zwei verschiedene textfarben haben möchte, also einmal in blau und einmal in rot z.B.?
Dann muss ich doch eine "class" machen, also:
<p class="textrot">roter Text</p>
<p class="textblau>blauer Text</p>Wie bzw. was schreibe ich jetzt in die CSS-Datei?
Wie es im verlinkten Artikel, http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=Klassen, in SELFHTML steht:
p.klassenname {
Attribut: Wert;
}textrot und textblau sind übrigens keine guten Klassennamen. Frage Dich, warum der Text einmal rot (vielleicht wichtig) und ein andermal blau (vielleicht ein Hinweis) erscheinen wird.
"wichtig" oder "hinweis" wären Beispiele für bessere Klassennamen. Wenn Du Dich entscheiden solltest, hinweisenden Text statt blau dunkelgrün darzustellen, dann passt "hinweis" immer noch, der Klassenname "textblau" jedoch nicht mehr.
Freundliche Grüße
Vinzenz
-
-