Karola: Nur Teil eines Paragraphen farbig markieren

Wie kann ich sowas wie
"<p>Betreff: <font color="#ff0000">Blabla</font></p>"
in CSS umsetzen. Ich habe nur Wege gefunden um den gesamten Paragraphen zu formatieren, aber nicht Teile davon.
Kann mir da jemand weiterhelfen?
Vielen Dank!
gruß karola

  1. Hi Karola,

    "<p>Betreff: <font color="#ff0000">Blabla</font></p>"
    in CSS umsetzen.

    <p>Betreff: <span color="#ff0000">Blabla</span></p>

    http://selfhtml.teamone.de/html/referenz/elemente.htm#span

    Wenn du das mehrmals verwendest, solltest du eine Klasse verwenden:

    http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen

    LG Roland

    --
    http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
    Mitmachen - berühmt werden - nie mehr arbeiten
    1. <p>Betreff: <span color="#ff0000">Blabla</span></p>

      http://www.kmdd.de/

      http://www.scnr.net/

  2. Hallo,

    Wie kann ich sowas wie
    "<p>Betreff: <font color="#ff0000">Blabla</font></p>"
    in CSS umsetzen. Ich habe nur Wege gefunden um den gesamten Paragraphen zu formatieren, aber nicht Teile davon.

    Bei sowas hlift immer <span> weiter, das an sich gar nichts macht, außer für solche Formatierungen hilfreich zu sein.

    <p>Betreff:<span style="color: #ff0000;">blablabla</span></p>

    Gruß, Jan

  3. Hallo Carola,

    Wie kann ich sowas wie
    "<p>Betreff: <font color="#ff0000">Blabla</font></p>"
    in CSS umsetzen. Ich habe nur Wege gefunden um den gesamten Paragraphen zu formatieren, aber nicht Teile davon.
    Kann mir da jemand weiterhelfen?

    Lust auf noch eine Variante? ;-)

    Du willst also das "Blabla" hervorheben(!). Also würde ich kein <span> nehmen, daß dieses nur optisch formatiert, aber nicht logisch, sondern ein Element zur logischen Textauszeichnung und dieses dann mit CSS formatieren.

    http://selfhtml.teamone.de/html/text/logisch.htm

    In diesem Fall entweder das <em> oder das <strong>.

    http://selfhtml.teamone.de/html/referenz/elemente.htm#em
      http://selfhtml.teamone.de/html/referenz/elemente.htm#strong

    Das hat den Vorteil, daß diese Elemente (im Idealfall) auch als betont interpretiert werden können, wenn die Seite nicht in einem graphischen Browser angezeigt wird, sondern wenn sie vorgelesen wird oder so.

    • Tim
    --
    Ceci n'est pas une ... ehm .. Signature.