Gunnar Bittersmann: PX und EM

Beitrag lesen

@@Carmen:

nuqneH

ok, dann habe ich hier also alles richtig gemacht:

#salon .salonImage {

border: 5px solid rgb(210, 181, 91);
}

  
Kommt drauf an. Die Entscheidung, ob px oder em, hängt davon ab, wie sich das verhalten soll, wenn der Nutzer die Schrift vergrößert oder verkleinert.  
  
Bei einer 1px dünnen Haarlinie sollte man erwarten, dass die Dicke erhalten bleibt. Angabe in px.  
  
Ein 5px fetter Rahmen sollte vielleicht doch eher mit der Schrift wachsen beziehungsweise schrumpfen. Angabe also in em.  
  
  

> Jeden Wert in EM umzurechnen ist etwas nervig.  
  
(Nicht nur) dafür gibt es CSS-Präprozessoren.  
  
~~~scss
@function em($length, $ratio: 16px/em)  
{  
  @return $length/$ratio;  
}

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 152

Bild über die ganze Breite

Carmen
  • meinung
  1. 0
    Mattes
    1. 0
      Carmen
      1. 0
        Mattes
      2. 0
        Gunnar Bittersmann
        1. 0

          Grafik-Software: Wo und was lernen?

          Robert R.
          • multimedia (audio & video)
  2. 0
    Robert R.
    1. 0
      Carmen
  3. 0
    1UnitedPower
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          1. 0
            Auge
            1. 0
              Gunnar Bittersmann
              1. 0
                Auge
    2. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
  4. 0

    Online Beispiel + Navigations Frage

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Matthias Apsel
        1. 0
          Camping_RIDER
      2. 0
        Carmen
  5. 0

    <h1> gestallten

    Carmen
    • css
    1. 0
      Mattes
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          • multimedia (audio & video)
        2. 0
          Mattes
          1. 0
            Gunnar Bittersmann
            1. 0
              Mattes
              1. 0
                Gunnar Bittersmann
                1. 0
                  Mattes
      2. 0
        Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Matthias Apsel
        1. 1
          Matthias Apsel
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Matthias Apsel
                  1. 0
                    Carmen
    3. 0
      ChrisB
  6. 0

    Warnung beim validator

    Carmen
    • html
    1. 0
      Der Martin
  7. 0

    PX und EM

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Carmen
        1. 0
          Camping_RIDER
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0

                Sass und Co.

                Camping_RIDER
                1. 0
                  Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Carmen
  8. 0

    Bild & Text bei hover ändern

    Carmen
    • css
    1. 0
      Carmen
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
      2. 0
        Tabellenkalk
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Carmen
              1. 0
                Matthias Apsel
                1. 0
                  Carmen
                  1. 0

                    Update - figure & figcaption

                    Carmen
                    1. 0
                      Matthias Apsel
                      1. 0
                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Camping_RIDER
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Carmen
                              2. 0
                                Camping_RIDER
                          2. 0
                            Carmen
                            1. 0

                              Der Name der Friseuse (Friseurin?)

                              Camping_RIDER
                              • meinung
                  2. 0
                    Matthias Apsel
                    1. 0
                      Carmen
                  3. 0
                    Gunnar Bittersmann
                    1. 0
                      Carmen
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Carmen
                          1. 0
                            Camping_RIDER
                            1. 0
                              Carmen
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Carmen
                                  1. 0
                                    Der Martin
    2. 0
      Matthias Apsel
  9. 0

    Darstellung Adresse, Öffnungszeiten und Kontaktmöglichkeiten

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
  10. 0

    Design Frage - Anordnung der Bilder

    Carmen
    • design/layout
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Auge
              1. 0
                Carmen
          2. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
  11. 0

    Kontaktformular

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Auge
            2. 0
              Gunnar Bittersmann
          2. 0
            Gunnar Bittersmann
            • design/layout
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
              1. 0
                Gunnar Bittersmann
  12. 0

    Bilderslider - CSS oder JavaScript?

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Carmen
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Carmen
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Carmen
                      2. 0

                        Es funktioniert einfach nicht!

                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Carmen
                            1. 0
                              Matthias Apsel
                              1. 0
                                Carmen
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Auge
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Auge
                                    2. 0
                                      Matthias Apsel
                                      1. 0
                                        Auge
        2. 0

          jQuery != JavaScript

          Camping_RIDER
  13. 0

    JavaScript - Slider hat zu viel Abstand nach rechts!

    Carmen
    • css
    1. 0

      JavaScript - Slider Version 2 (aktuelle Version)

      Carmen
  14. 0

    Warum funktioniert :nth-child(3n) nicht?

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 1
            Gunnar Bittersmann
            1. 0
              Carmen
              1. 0
                Gunnar Bittersmann