Evan: Webseite mit HTML und CSS umsetzten

Beitrag lesen

Hallo,

  1. Wozu ist der blaue Bereich unter der Navigation gedacht? Soll der noch Inhalt bekommen? Falls ja: welchen?

Was in den Kasten später reinkommt, ist doch total irrelevant. Derzeit ist geplant, dass dort ein Suchfeld platziert wird, was aber noch nicht 100% sicher ist.

  1. Soll das graue Feld "Ihr Warenkorb ist leer." genau so hoch sein wie der Balken? Falls im Warenkorb Einträge enthalten sind wird das nicht mehr funktionieren.

Wie du siehst stehen dort nur Wörter. Später wenn der Warenkorb gefüllt ist werden diese durch zwei Grafiken ausgetauscht, die Höhe bleibt wie auch bei dem blauen Kasten immer gleich.

  1. Du bezeichnest das breite graue Feld mit Content. Später schreibst du "Der Content soll immer in drei Teile aufgebaut sein." Sollen sich innerhalb des Contents also noch mal 3 Spalten befinden?

Ja, ich bin zuerst davon ausgegangen dass der Content bis ganz nach rechts geht, also inkl. der Sidebar. Dieses ist jetzt nicht mehr der Fall. Der Conten-Bereich ist derzeit nur der erste und zweite graue Kasten vielleicht sogar nur der zweite Kasten.

  1. Sollen Nav 1, Nav 2 u.s.w. andere Seiten aufrufen oder nur den Content (Inhalt des großen grauen Kastens in der Mitte) austauschen?

Kann ich jetzt noch nicht sagen, ist auch irrelevant, ob ich später ganze Seiten austausche oder nur einzelne Elemente wird wohl von Produkt zu Produkt bzw. Seite zu Seite unterschiedlich sein. Hat mit meinem Problem nichts zu tun.

Die Liste im header ist unnötig und sollte weggelassen werden. Listen für Navigationen waren mal ein inoffizielles Hilfskonstrukt, die fälschlicherweise zur Pflicht erhoben wurden. Die Listen solltest du nur verwenden wenn auch dein Lehrer diesem Irrtum unterliegt.

In allen Tutorials, Videos und auch Lehrbüchern steht, dass man eine Navigation mit ul li machen soll, von diesem gehe ich auch nicht ab. Schau dir Seiten im Netz an, alle sind so aufgebaut. Warum sollte ich hier eine extra Suppe kochen? Dazumal sind ul li leicht zu stylen.

Hingegen darf sich das nav-Element nicht im main-Element befinden. Deshalb musst du zur Erstellung des Layouts ein div-Element statt des main-Elements verwenden. Das main-Element kann sinnvollerweise für den Content verwendet werden.

So ein Quatsch, wer hat dir dieses denn erzählt? Lass ich den Code prüfen, wird er mir als 100% valide angezeigt.

Das nav-Element im aside-Element (also die ganz rechte Spalte) ist nicht sinnvoll. Der Grund in diesem Fall ist, dass das nav-Element nur für die Hauptnavigation verwendet werden soll. Die Hauptnavigation sehe ich in diesem Fall nur in "Home Nav 1 ...". Im linken grauen Kasten könnte das nav-Element auch passen.

Auch das ist wieder totaler Quatsch. Auf einer Seite dürfen mehrere Nav Elemente vorkommen. Auch hier habe ich meinen Code geprüft und dieser ist, wie oben bereits geschrieben, 100% valide.

Um das nav-Element (und auch andere) richtig verwenden zu können muss der Inhalt der gesamten Seite bekannt sein. Der fehlt aber.

Den kenne ich auch noch nicht und hat auch mit meiner Frage nichts zu tun. Bei einem Shop weiß man NIE was kommt oder was irgendwann mal wieder verschwindet.

0 130

Webseite mit HTML und CSS umsetzten

Evan
  • css
  • html
  • meinung
  1. 0
    da-vid
  2. 0
    MrMurphy1
    1. 0
      Evan
      1. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              Evan
              1. 0
                Christian Kruse
                1. 0
                  Evan
      2. 0
        MrMurphy1
        1. 0
          Evan
          1. 0
            Der Martin
            1. 0
              Evan
              1. 0
                marctrix
              2. 0
                Matthias Apsel
                1. 0
                  Evan
                  1. 2
                    Julius
        2. 0
          marctrix
          1. 0
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              • html
              1. 0
                marctrix
                1. 0
                  MrMurphy1
                  1. 0
                    marctrix
            2. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        • html
        1. 0
          Evan
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
    2. 0
      marctrix
      1. 0
        Evan
        1. 0
          JürgenB
          1. 0
            Evan
          2. 0
            marctrix
            1. 0
              Camping_RIDER
              1. 1
                marctrix
        2. 0
          marctrix
      2. 0
        MrMurphy1
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        1. 0
          marctrix
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
        2. 0
          Evan
          1. 2
            Tabellenkalk
  3. 0
    Gunnar Bittersmann
    • design/layout
    • ux
    1. 0
      Evan
      1. 0
        Gunnar Bittersmann
  4. 0

    Seiten-Element gestaltet

    Evan
    1. 0
      Matthias Apsel
      1. 0
        Camping_RIDER
        1. 0
          Gunnar Bittersmann
          1. 0
            Camping_RIDER
            1. 0
              Auge
              • menschelei
    2. 0
      Auge
    3. 0
      MrMurphy1
      1. 0
        MrMurphy1
        1. 0
          Gunnar Bittersmann
          • html
          • rdf
          • semantik
        2. 1
          Tabellenkalk
          1. 0
            Gunnar Bittersmann
            • typografie
            1. 0
              Tabellenkalk
        3. 0
          Evan
          1. 0
            Evan
            1. 0
              Auge
              • css
              • html
          2. 0
            MrMurphy1
            1. 0
              Evan
              1. 0
                MrMurphy1
                1. 0
                  Evan
                  1. 0
                    Tabellenkalk
                    1. 0
                      Evan
                      1. 0
                        Tabellenkalk
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            • typografie
                            1. 0
                              Evan
                              1. 2
                                Gunnar Bittersmann
                                • meinung
                                1. 0
                                  Evan
                            2. 0
                              Tabellenkalk
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Tabellenkalk
                                  1. 0
                                    Der Martin
                                    1. 0
                                      Tabellenkalk
            2. 0
              Gunnar Bittersmann
              • css
              • svg
              1. 0
                Evan
                1. 0
                  Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
    4. 0
      MudGuard
      1. 0
        Evan
    5. 0

      Seiten-Element gestaltet - Problem mit Border Radius

      Evan
      1. 0
        Tabellenkalk
        1. 0

          Seiten-Element gestaltet - Fertige Box

          Evan
          1. 0

            Seiten-Element gestaltet - Border Länge

            Evan
            1. 0
              Auge
              • css
              • html
              1. 0
                Evan
                1. 0

                  Seiten-Element gestaltet - Border Länge - Erledigt

                  Evan
                  1. 1
                    MrMurphy1
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Evan
                              1. 1
                                Gunnar Bittersmann
                                1. 0
                                  Der Martin
                                  1. 0
                                    Auge
                                  2. 0
                                    Gunnar Bittersmann
                                    • mobile
                          2. 0
                            marctrix
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                  2. 0
                    Gunnar Bittersmann
                    • css
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
              2. 0
                Matthias Apsel
  5. 0

    Danke für die Hilfe

    Evan
    1. 0
      MrMurphy1
      1. -1
        Evan
        1. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
          2. 0
            Evan
            1. 0
              Gunnar Bittersmann
              • meinung
      2. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              JürgenB
              1. 0
                Camping_RIDER
                1. 0
                  JürgenB
                2. 0
                  Gunnar Bittersmann
                  • menschelei
                  1. 0
                    Camping_RIDER
                    1. 0
                      Tabellenkalk