Ingo Turski: Designtips?

Beitrag lesen

Hi,

Wenn ich das bei den Grafiken nicht auch dynamisch umsetzen würde würde ja ein Teil des Layouts sich nicht anpassen.

Vom Browser skalierte Grafiken haben immer einen mehr oder weniger sichtbaren Qualitätsverlust. Eine andere Möglichkeit bieten u.U. sich wiederholende Hintergrundgrafiken.

Solange die Rundungsfehler minimial sind ist es ok.

Selbst 1px kann eine Grafik schon verzerren, wenn die Proportionen nicht mehr stimmen. Wenn em, dann hier nur für Breite _oder_ Höhe.

Also ein font-size von jetzt 1.5ex schreibe ich dann halt 100% oder wieviel es braucht um dasselbe mit Prozent zu erreichen. Oder besser 100.01%

100% ist schlecht, 100.1% oder meinetwegen auch 100.01% gut. Das entspricht dann 1em bzw. in Georgia 2ex bzw. 16px, sofern dies die Standardeinstellung des Browsers ist.

Das Problem was ich mich frage, ob es auftritt ist, was passiert, wenn ich zB den Body Schriftgröße 90% angebe und die Überschriften im Body mit 1.2em. Wird dann von 90% 120% genommen oder 120% von 100%?

rechne einfach 1.2em * 0.9.

Und wie ist das mit der Vererbung wenn ich die Größenangaben von DIVS zB damit festlege.
Ich will ja nicht, daß ich eine Schriftgröße festlege und nur weil ich in einer Unterbox eine Überschrift schreibe, daß diese dann kleiner ist.
Dabei denke ich an das Beispiel auf deiner em-Seite.

Du mußt halt die Vererbung berücksichtigen; dies alledings nur in verschachtelten Elementen. Wenn Du z.B. 1.2em für h2 definierst, dann bekommen alle h2 diese Größe, da sie ja nicht ineinander verschachtelt werden können. Ausnahme: wenn ein h2 in einem div ist, für das Du eine von 1em abweichende Größe angegeben hast - dann mußt Du diesen Faktor berücksichtigen.

Anders z.B. bei verschachtelten Listen. Hier macht es wenig Sinn, für ul oder li allgemein eine Schriftgröße zu definieren - Ausnahme: man bezweckt genau dieses.
Unproblematischer ist es da, für ein evtl. vorhandenes Elternelement die Schriftgröße zu definieren oder nur für die äußere ul oder die äußeren li.

freundliche Grüße
Ingo

1 139

Designtips?

Sebastian
  • css
  1. 1
    Sebastian Salzgeber
    1. 0
      Sebastian
      1. 0
        Sebastian Salzgeber
        1. 0
          Sebastian
          1. 0
            Sebastian
            1. 0
              Dennis
    2. 0
      Andreas Lindig
  2. 0
    Jeena Paradies
    1. 0
      Sebastian
      1. 0
        Sebastian
        1. 0
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
                1. 0
                  Ashura
                  1. 0
                    Sebastian
                    1. 0
                      Ashura
                      1. 0
                        Sebastian
    2. 0
      Jeena Paradies
      1. 0
        Sebastian
        1. 2
          Jeena Paradies
          1. 0
            Sebastian
            1. 1
              Jeena Paradies
              1. 0
                Sebastian
                1. 0
                  wahsaga
                  1. 0
                    Sebastian
                    1. 0
                      wahsaga
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. -1
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Jeena Paradies
                                        1. 0
                                          Sebastian
                                        2. 0
                                          at
                    2. 0
                      Schuer
                      1. 0
                        Sebastian
                        1. 0
                          Schuer
                          1. 0
                            Sebastian
                            1. 0
                              at
                2. 1
                  Jeena Paradies
                  1. 0
                    Sebastian
                    1. 0
                      at
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Sebastian
                                        1. 0
                                          Ingo Turski
                                          1. 0
                                            Jeena Paradies
                                            1. 0
                                              Ingo Turski
                                              1. 0
                                                Jeena Paradies
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Jeena Paradies
                                                    1. 0
                                                      Ingo Turski
                                            2. 0
                                              at
                                            3. 0
                                              Sebastian
                                          2. 0
                                            Sebastian
                                            1. 0
                                              Sebastian
                                              1. 0
                                                Ingo Turski
                                                1. 0
                                                  Sebastian
                                                  1. 0
                                                    Ingo Turski
                                                    1. 0
                                                      Sebastian
                                            2. 0
                                              Ingo Turski
                                              1. 0
                                                Sebastian
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Sebastian
                                                    1. 0
                                                      Ingo Turski
                                                      1. 0
                                                        Sebastian
                                                        1. 0
                                                          Detlef G.
                                                          1. 0
                                                            Sebastian
                                                            1. 0
                                                              Detlef G.
                                                              1. 0
                                                                Ingo Turski
                                                                1. 0
                                                                  Detlef G.
                                                              2. 0
                                                                Sebastian
                                                    2. 0
                                                      at
                                                    3. 0
                                                      Detlef G.
                              2. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
          2. 0
            Dennis
            1. 1
              Jeena Paradies
              1. 0
                at
                1. 0
                  Jeena Paradies
                  1. 0
                    at
              2. 0
                Dennis
                1. 2
                  Jeena Paradies
                  1. 0
                    Dennis
                2. 0
                  at
  3. 0
    Sebastian
    1. 1
      Ashura
      1. 0
        Sebastian
        1. 1
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
    2. 1
      at
      1. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
            1. 0
              at
              1. 0
                Sebastian
                1. 0
                  at
                  1. 0
                    Sebastian
                    1. 0
                      Jeena Paradies
                      1. 0
                        Sebastian
                        1. 0
                          Jeena Paradies
                          1. 0
                            Sebastian
      2. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
  4. 0
    Sebastian
    1. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
  5. 0
    Sebastian
    1. 0
      at
      1. 0
        Sebastian
        1. 0
          Sebastian
          1. 0
            at
            1. 0
              Sebastian
              1. 0
                at
                1. 0
                  Sebastian
                  1. 0
                    at
    2. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
          1. 0
            Sebastian
            1. 0
              at
            2. 0
              Detlef G.