Jens Holzkämper: Erste CSS Versuche

Beitrag lesen

Tach,

OK, jetzt komme ich langsam dahinter, was gemeint ist (hoffe ich zumindest).
Du meinst, ich soll einfach direkt in die css-Datei folgendes schreiben:
body { background-color : #235f70; } ... richtig?

ja, das meinte er.

Ich werde auf meinen Seiten aber 2 unterschiedliche
Hintergrundfarben verwenden [...]
<body class="hintergrund-1"> bzw <body class="hintergrund-1">
Ist es denn hier eigentlich sinnvoller eine ID oder eine KLasse zu verwenden?

Ich würde eher zur Klasse greifen, die ich aber sicher anders nennen würde. Was veranlaßt dich denn dazu bei einigen Seiten die Hintergrundfarbe zu ändern? Es ist doch sicher um Unterschiede zwischen den Inhalten anzudeuten, und da wäre es sinnvoller Klassen wie "Produkt", "Allgemeines", "Technisches" zu verwenden, dann ergeben sie nämlich immer noch sinn, falls du später mal die CSS Datei änderst und die Seiten nicht mehr an der Hintergrundfarbe unterschieden werden sondern z.B. durch einen farbigen Rahmen um die Seite. Klassen sollten also eher einen klassifizierenden Charakter haben als einen darstellerischen.

Was empielst Du denn für 3 Schriftgrößen für mein Beispiel:
http://www.spaceart.de/_WC3_Test.shtml

Ich verwende im aktuellen Projekt z.B. body{font-size:1em;} h1{font-size:1.5em;} body{font-size:1.3em;}

Nun aber nochmal eine generelle Frage zu den Schriftgrößen.
Bisher hatte ich die immer mit pt festgesetzt,
so dass sie im IE auich nicht mehr vom User zu ändern war.

pt ist eine Maßeinheit aus dem Druckerbereich (1pt=1/72 Inch), die auf Monitoren nicht sehr sinnvoll ist.

Klar, bei meiner Auflöung hier an meinen PC sieht das gut aus.
Aber bei einem Freund, der so ne Riesden-Auflöung fährt (1600 x 1200 oder sowas),
wirds natürlich arg winzig :)

Deswegen muß man relative Schriftgrößen verwenden, die sich auf die Einstellungen des Users in seinem Browser beziehen.

Was würdest Du denn denken, wie die User (die den Browser einfach so in der Standardeonstellung belassen), dass z.B im IE eingestellt haben?

Die Standardeinstellung im IE ist mittel.

Möglicherweise ist ISO-8859-15 noch eher der Zeichensatz Deiner Wahl.
Warum?
Ich maskiere Umlaute in meinen Texten immer.

Warum? Du kannst sie doch direkt reinschreiben.

Wie ist das denn eigentlich auf amerikanischen Computern
(die haben doch da keine Umlaute)?
Wie shen die denn maskierte und unmaskierte Umlaute auf Ihren Bildschirmen?

Die sehen gleich aus, die Maskierung ist nur für Zeichen nötig, die im Zeichensatz nicht enthalten sind.

Die Leerzeichen vor dem Doppelpunkt und vor dem Ausrufezeichen widersprechen den Regeln der deutschen Sprache.

HJa, ich weiss.
Aber ich finds eigemtlich ganz schick so.

[http://de.wikipedia.org/wiki/Plenk@title=Plenken] ist schrecklich.

Mal gucken, ob ich das so lasse oder ob ich das in Zukunft auc ändere.
Ein bisschen künstlerische freihet muss schon drin sein?

Das ist keine künstlerische Freiheit, sondern du verschlechterst das Lesebild deiner Seiten.

<title>SPACEart</title>

Wähle einen besser bechreibenden Titel, z.B. "Star Wars: AT-AT -SPACEart"

<p id="kasten-3">

id="Beschreibung" klingt sinnvoller.

CSS

Statt einige Angaben mehrmals zu definieren (z.B. die Schriftart), definiere sie nur für body und lasse sie vererben.

h1 {
     width : 508px;
     font-size : 180%;
}

Hier verwendest du eine relative Schriftgröße, aber eine feste Breite für das Element. Das ist schlecht, da du ja nicht weißt, wie breit die Überschrift denn nun ist.

mfg
Woodfighter

0 98

Erste CSS Versuche

Ingo Siemon
  • css
  1. 2
    Ashura
    • xml-derivat
    1. 0
      Ingo Siemon
      1. 0
        Der Martin
        1. 0
          Ingo Siemon
          1. 0
            Længlich
            1. 0
              Ingo Siemon
              1. 0
                Længlich
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Længlich
                    1. 0
                      Ingo Turski
                      1. 0
                        Længlich
                    2. 0
                      Ingo Siemon
          2. 0
            Cheatah
            1. 0
              Ingo Siemon
              1. 0
                Cheatah
                1. 0
                  Ingo Siemon
        2. 0
          Ingo Siemon
    2. 0
      Ingo Siemon
      1. 0
        Ashura
        1. 0
          Ingo Siemon
  2. 2
    Eternius
    1. 0
      Ingo Siemon
  3. 2
    Gunnar Bittersmann
    1. 0
      Ingo Siemon
      1. 0
        Struppi
        1. 0
          Ingo Siemon
          1. 0
            Struppi
          2. 0
            Der Martin
            1. 0
              Ingo Siemon
              1. 0
                Der Martin
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Auge
                    1. 0
                      Ingo Siemon
                      1. 0
                        Jens Holzkämper
                        1. 0
                          Ingo Siemon
                          1. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
  4. 0
    Cheatah
    1. 0
      MudGuard
      1. 0
        Cheatah
    2. 0
      Ingo Siemon
      1. 0
        Cheatah
        1. 0
          Ingo Siemon
          1. 0
            Jens Holzkämper
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
              2. 0
                Jens Holzkämper
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Ingo Siemon
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Ingo Siemon
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              Ingo Siemon
                              1. 0
                                Der Martin
                                1. 0
                                  Ingo Siemon
                              2. 0
                                Jens Holzkämper
                                1. 0
                                  Ingo Siemon
                          2. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
                  2. 0
                    Jens Holzkämper
                    1. 0
                      Ingo Siemon
                      1. 0
                        Der Martin
                        1. 0
                          Ingo Siemon
                          1. 0
                            Der Martin
                            1. 0
                              Ingo Siemon
                              1. 0
                                Detlef G.
                                1. 0
                                  Ingo Siemon
                2. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Jens Holzkämper
                      1. 0
                        Ingo Siemon
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Ingo Siemon
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Ingo Siemon
                                1. 0
                                  Jens Holzkämper
                                  1. 0
                                    Ingo Siemon
                    2. 0
                      Ingo Siemon
              3. 0
                Jens Holzkämper
                1. 0
                  Ashura
                  1. 0
                    Jens Holzkämper
                    1. 0
                      Ashura
                    2. 0
                      Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
                3. 0
                  Gunnar Bittersmann
                4. 0
                  Ingo Siemon
          2. 0
            Gunnar Bittersmann
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann