Probleme mit Farbe und Tag

[droom]

Ich habe folgende Code:

<p id="blau">Die Features sind:
  <ol><li>Wartbarkeit</li>
      <li>Anpassbarkeit</li>
  </ol>
Und der Text geht hier weiter und wird nie blau:
  <ol><li>Geschwindikeit</li>
      <li>Portierbarkeit</li>
  </ol>
</p>

wenn ich in CSS nun sowas schreibe:

#blau{ color: 0000FF} wird nur die erste Zeile (Die Features sind:) blau dargestellt.

wenn:

#blau P, OL, LI {
color: #216BA5;
}

#blau{
color: #216BA5;
}

wird der Text "Und der Text geht hier weiter und wird nie blau:" nicht blau. Alles andere aber schon. Wie erreiche ich dass alles was in meinem P ist, blau dargestellt wird?

[Struppi]

Ich habe folgende Code:

<p id="blau">Die Features sind:

Hier wird vom Browser ein </p> eingefügt und es beginnt ein neues Element <ol>.

<ol><li>Wartbarkeit</li>
      <li>Anpassbarkeit</li>
  </ol>

wenn ich in CSS nun sowas schreibe:

#blau{ color: 0000FF} wird nur die erste Zeile (Die Features sind:) blau dargestellt.

Nich tdie erste Zeile sondern der komplette Inhalt des <p> Elements, aber <ol> hat damit nichts mehr zu tun.

wenn:

#blau P, OL, LI {
color: #216BA5;
}

Das ist nihct das was du willst, du willst:
#blau P,#blau OL, #blau LI {
 color: #216BA5;
}

Wobei blau eine schlechte Bezeichnung für ein Element ist, du solltest nicht beschreiben wie das Element aussieht, sondern welche Bedeutung das Element hat (Stichwort: semantische Auszeichnung)

Struppi.

[rfb]

Moin

<p id="blau">Die Features sind:

Da p keine Blockelemente beinhalten darf endet es exakt hier

<ol><li>Wartbarkeit</li>
      <li>Anpassbarkeit</li>
  </ol>
Und der Text geht hier weiter und wird nie blau:
  <ol><li>Geschwindikeit</li>
      <li>Portierbarkeit</li>
  </ol>

und dies

</p>

ist damit einfach verkehrt

Gruß
rfb

[Siechfred]

Ich habe folgende Code:

Der ist nicht valide, denn ein P-Element darf nur Inline-Elemente enthalten:
http://www.w3.org/TR/html401/struct/text.html#edef-P

Deshalb beendet ein neues Blocklevel-Element (deine Liste) das P-Element automagisch, sodass die CSS-Definitionen konsequenterweise auch nur auf dieses Element angewendet werden. Deshalb wird auch nur dein Einleitungstext blau, die nachfolgenden Elemente werden in der Farbe des ihnen übergeordneten Elementes dargestellt.

Wie erreiche ich dass alles was in meinem P ist, blau dargestellt wird?

Wird es doch (s.o.). Ansonsten gruppiere die Elemente in einem DIV mit der ID 'blau' oder lege eine Klasse fest, die du allen Blockelementen zuweisen kannst, die blau werden sollen.

Siechfred

[steckl]

Hi,

Ich habe folgende Code:

<p id="blau">Die Features sind:
  <ol><li>Wartbarkeit</li>
      <li>Anpassbarkeit</li>
  </ol>
Und der Text geht hier weiter und wird nie blau:
  <ol><li>Geschwindikeit</li>
      <li>Portierbarkeit</li>
  </ol>
</p>

<p> darf nur inline-Elemente enthalten. Beim ersten nicht-inline-Element wird es automatisch beendet.
Das </p> schliesst also nicht das erste <p> sondern ist hier fehl am Platz.

Der Validator haette dir wohl auch eine Fehlermeldung ausgegeben.

Eine Loesung waere anstatt <p> ein <div> zu benuetzen.

mfG,
steckl

[MudGuard]

Hi,

wenn ich in CSS nun sowas schreibe:
#blau{ color: 0000FF}

müßte das komplett ignoriert werden, da 0000FF kein gültiger Wert für color ist.

cu,
Andreas