MrMurphy1: Design nachbauen

Beitrag lesen

Hallo

Du hast leider mehrere grundlegende Fehler in deinem Quellext.

Du verwendest das header-Element falsch. Dein header enthält keinen Inhalt, der in den header gehört. Ein Logo allein macht noch keinen header. Damit ist der überflüssig - weglassen.

Für Anfänger ist auch irritierend, das header nichts über die Position des header aussagt. Ein header-Element kann also durchaus seitlich oder am Ende einer Webseite stehen und angezeigt werden. Entsprechend, wie in deinem Fall, muss das erste Element nicht unbedingt ein header sein. Und er muss auch nicht zwangsweise vorhanden sein.

Gleiches gilt für div.container: Überflüssig - weglassen.

Das Logo kann in das nav-Element verschoben werden.

Die Liste im nav-Element ist überflüssig. Traditionisten haben das leider noch nicht erkannt und reden der Liste für die Navigation eine Semantik ein, die sie überhaupt nicht hat.

Das div#startseite ist überflüssig.

section.startseite ist wohl eher das main-Element, auch wenn die Seite eigentlich keinen Inhalt hat und damit überflüssig ist.

Das cite-Element ist nicht für Namen gedacht und damit falsch.

Für das Zitat mit Nennung des Namens eignet sich besser das figure-Element mit einem blockquote- und einem figcaption-Element.

Dass das Zitat über dem Hintergrundbild aktuell kaum zu lesen ist fällt dir hoffentlich noch auf. Hier hast du wohl das Problem den Text zu kennen und im Gegensatz zu deinen Besuchern nicht mehr lesen zu müssen.

Möchte gerne den Text innerhalb der section von oben nach unten zentriert anzeigen

Dafür ist Flexbox am besten geeignet.

Wobei wie schon geschrieben eine Webseite ohne Inhalt eigentlich grundsätzlich überflüssig ist.

Gruss

MrMurphy

0 111

Design nachbauen

Carmen
  • css
  • html
  1. 1
    MrMurphy1
  2. 1
    Gunnar Bittersmann
    1. 0
      Christian Kruse
      • menschelei
      1. 0
        Felix Riesterer
        1. 0
          Christian Kruse
          1. 0
            Felix Riesterer
  3. 0

    Versuch - Nummer 1

    Carmen
    1. 0
      Carmen
      1. 0
        Gunnar Bittersmann
        1. 0
          Carmen
          1. 0
            Gunnar Bittersmann
            • css
            1. 0
              Carmen
              1. 0
                Gunnar Bittersmann
            2. 0
              Carmen
              1. 0
                MrMurphy1
                1. 0
                  Carmen
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Carmen
                      1. 0
                        Christian Kruse
                        1. 0
                          Carmen
                      2. 1
                        Gunnar Bittersmann
                2. 0
                  Christian Kruse
              2. 1
                Matthias Apsel
      2. 0
        MrMurphy1
        1. 0
          Carmen
          1. 0

            Versuch - Keine OnePage

            Carmen
    2. 0
      Gunnar Bittersmann
      • html
  4. 0

    Neuer Versuch

    Carmen
  5. 0
    Carmen
    1. 0
      Der Martin
      1. 0
        Carmen
        1. 0
          MrMurphy1
          1. 0
            Carmen
          2. 0
            Felix Riesterer
          3. 0
            Gunnar Bittersmann
            • html
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
  6. 0

    Boxen gestalten

    Carmen
    1. 0
      Carmen
    2. 0
      Der Martin
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          • html
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
    3. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          • html
          1. 0
            Carmen
            1. 0
              Der Martin
              1. 0
                Carmen
                1. 0
                  Matthias Apsel
                  1. 1

                    Lorem brimborium

                    Auge
                    • html
                    • meinung
                    1. 0
                      Christian Kruse
                      1. 0
                        Der Martin
                        1. 0
                          Christian Kruse
                          1. 0
                            dedlfix
                            1. 0
                              Christian Kruse
                        2. 0
                          Auge
                    2. 3
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
                        1. 0
                          Thomas
                          • meinung
                          1. 1
                            Gunnar Bittersmann
                          2. 0
                            Tabellenkalk
                            1. 0
                              Thomas
                              1. 0
                                Auge
                              2. 0
                                Julius
                              3. 0
                                Gunnar Bittersmann
                                1. 0
                                  Auge
                                2. 0
                                  Thomas
                                  1. 0
                                    Christian Kruse
                      2. 0
                        Auge
                        1. 0
                          Matthias Apsel
                          1. 0
                            Auge
                            1. 1
                              Matthias Apsel
                              1. 0
                                Auge
                              2. 0
                                Julius
                                1. 1

                                  Copyright für UN-Material

                                  Matthias Apsel
                                  • sonstiges
                                  1. 0
                                    Julius
                                    • recht
                                    • sonstiges
                                    1. 1
                                      Auge
                                    2. 1
                                      Matthias Apsel
                                  2. 0
                                    Matthias Apsel
                        2. 0
                          Der Martin
                          1. 0
                            Auge
                            1. 0
                              Matthias Apsel
                            2. 0
                              Der Martin
                    3. 0
                      Julius
                      1. 0
                        Auge
                        • meinung
                        1. 0
                          Julius
                    4. 0
                      Gunnar Bittersmann
                      • meinung
                      • typografie
                      1. 1
                        dedlfix
                        1. 0
                          Der Martin
                          1. 0
                            Auge
                          2. 0
                            dedlfix
                            1. 0
                              Der Martin
                            2. 0
                              Christian Kruse
                              1. 0
                                dedlfix
                                1. 0
                                  Christian Kruse
                                2. 0
                                  Der Martin
                                  1. 0
                                    Gunnar Bittersmann
                      2. 0
                        Auge
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Auge
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Gunnar Bittersmann
                          2. 0
                            Tabellenkalk
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Tabellenkalk
              2. 0
                Gunnar Bittersmann