ilch Forum » Allgemein » HTML, PHP, SQL,... » Css einen bestimmten text in html färben

Geschlossen
  1. #1
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Ich möchte mit Css einen bestimmten text in html eine farbe verpassen.
    Aber wenn ich in css diesen befehl nehme:

    p { color:#FF9F00;
    font-size:28pt;

    font-family:arial, "lucida console", sans-serif; }

    sind alle texte farbig, wie bekomm ich es hin, dass wenn ich nur einen bestimmten text farbig haben möchte. Möchte das nämlich alles in die css datei rein kommt und was mit farben zu tun hat soll nicht in die html datei vor kommen


    Zuletzt modifiziert von SwatCorp am 04.07.2008 - 12:24:35
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    .p { color:#FF9F00;
    font-size:28pt;

    font-family:arial, "lucida console", sans-serif; }

    <font class="p">Dein Text</font>
    oder
    <span class="p">Dein Text</span>
    oder
    <div class="p">Dein Text</div>

    beachte den Punkt oben vor dem ".p" in der CSS
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    hä, irgendwie geht das nicht
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    ich hab es mal getestet

    <style type="text/css">
    <!--
    .p {
    	color:#FF9F00;
    	font-size:28pt;
    	font-family:lucida console;
    }
    -->
    </style>
    <font class="p">Dein Text</font>
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Nochma
    So steht der text bei mit in der htm datei

    <p align="center"> Wird immer besser  <p/>


    Uns so steht es bei mir in der Css datei
    .p {
        color:#FF9F00;
        font-size:28pt;
        font-family:lucida console;
    }
    
    </style>
    
    <font class="p">Wird immer besser</font>


    Aber irgendwas muss ich noch falsch machen, sonst würde es ja gehen?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    vollstr3cker Mitglied
    Registriert seit
    12.02.2007
    Beiträge
    1.399
    Beitragswertungen
    0 Beitragspunkte
    mit dem . vor dem p in der css wird das ganze als klasse definiert. also muss in der html
    <p class="p">text</p>

    stehen.


    ich würds aber anders machen. du machst ne klasse in deiner css:

    zb.
    .marked_text


    in deiner html schreibst dann deinen text:

    zb.
    <p>lorem <span class="marked_text">ipsum</span> dolor sit amet</p>



    Zuletzt modifiziert von vollstr3cker am 04.07.2008 - 14:02:43
    ####################
    ## hier geht's zu apex designs,
    # meinem digitalen Portfolio
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    das darf natürlich nicht in der css datei stehen "<font class="p">Wird immer besser</font></style>"

    <p></p> ist ein Absatz und das wirst du an vermutlich an mehr stellen in deiner Html haben und somit würde der ganze text der in den Absatz steht dein Style ergeben, also stellst du meinet wegen ein container (<div></div>) davor <p><div class="p">Wird immer besser</div></p>


    Zuletzt modifiziert von Balthazar3k am 04.07.2008 - 14:07:42
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Wie trag ich das jetzt in die css datei ein?

    so
                     </style>
          <font div class="p">Wird immer besser</div></font>


    und so hab ichs nämlich in der htm datei

    <p div class="p"> Wird immer besser </div> <p/>



    Zuletzt modifiziert von SwatCorp am 04.07.2008 - 14:24:16
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    ZitatZitat geschrieben von SwatCorp

    Wie trag ich das jetzt in die css datei ein?

    so
                     </style>
          <font div class="p">Wird immer besser</div></font>


    und so hab ichs nämlich in der htm datei

    <p div class="p"> Wird immer besser </div> <p/>



    Zuletzt modifiziert von SwatCorp am 04.07.2008 - 14:24:16


    so is schonmal komplett falsch man nimmt nicht <p div class="p" oder so man nimmt <p class="still1">text</p>
    und wenn du des jetzt eine css datei damiz verknüpfen willst nimmst du <link rel="stylesheet" type="text/css" href="Name der datei"> und machste des in den head berreich geh am besten mal in sleth html und ließ der des durch
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    wie man es verlinkt weiß ich schon, aber ich bekomm diese einzige sache nicht gebacken. hab es jetzt so gemacht wie du gesagt hast, also

    <p class="still1">Wird immer besser <p/>


    <font class="still1">Wird immer besser</font>


    geht immer noch nicht verärgert
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    ihr macht den kerl sicherlich ganz narrisch mit allen neuen class namen ohne auch zu erwähnen die class umzubennen.

    css datei
    .still1 {
        color:#FF9F00;
        font-size:28pt;
        font-family:lucida console;
    }


    html datei
    <font class="still1">Wird immer besser</font>


    oder version 2 html datei

    <p class="still1">Wird immer besser <p/>



    Zuletzt modifiziert von Balthazar3k am 04.07.2008 - 19:31:37
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    ich war wirklich sehr verwirrt ^^
    Danke dir, jetzt gehts. WEnn ich dann einfach einen zweiten text einfärbe, nehme ich statt still1, still2 oder
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ja
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Hab herausgefunden das es so auch noch geht!

    html
    <div id="irgendwas"> ...


    css
    #irgendwas { ...
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    ja genau ^^
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von SwatCorp
    <div id="irgendwas"> ...

    So macht das auch jeder. zwinker
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Balthazar3k Mitglied
    Registriert seit
    23.04.2006
    Beiträge
    422
    Beitragswertungen
    7 Beitragspunkte
    ZitatZitat geschrieben von jankrug

    ZitatZitat geschrieben von SwatCorp
    <div id="irgendwas"> ...

    So macht das auch jeder. zwinker


    ne nicht jeder ^^:P
    Kein Support für den Raidplaner über PM.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten