marctrix: Navigation nachbauen

Beitrag lesen

Hej Bernd,

Oder platziere überlappende Elemente, oder gestalte zweidimensional…

Auch hier die Antwort nutz dein eigenes CSS für solche Sachen.

Nein wie genial ist das denn? Ich benutze einfach das Bootstrap-Grid und css-Grid.

Erst mal 100kbyte für ein Grid um dann doch noch zu lernen, wie man es richtig macht. Aber Dir ist schon klar, dass sich die beiden ausschließen? Ich kann nicht mehr zweidimensional platzieren, wenn ich Elemente erst mal in divs gepackt habe, die nur den einen Zweck haben: Elemente eindimensional in Reihen anzuordnen.

Oder wie soll das gehen, dass ich bootstrap nutze für das Layout und dann mit css Grid einem Element sage, dass das nun aus aus der Reihe ausbrechen und über mehrere davon reichen soll und zwar an der ersten und letzten über dem Ende der jeweiligen Reihe stehen soll. Mach mir das mal in einem codepen, bitte.

Marc

--
Ceterum censeo Google esse delendam
0 119

Navigation nachbauen

Bernd
  • css
  • html
  1. 0
    Gunnar Bittersmann
    1. -1
      Bernd
      1. 1
        Gunnar Bittersmann
        1. 0
          Bernd
          1. 1
            ursus contionabundo
            1. 0
              Bernd
              1. 1
                ursus contionabundo
                • meinung
            2. 0
              klawischnigg
              1. 1
                Gunnar Bittersmann
                • meinung
                1. 0
                  Bernd
                  1. 0
                    Christian Kruse
                    • moderation
                2. 0
                  klawischnigg
              2. 2
                marctrix
                1. 1
                  Christian Kruse
                  1. 0
                    marctrix
                2. 0
                  klawischnigg
                  1. 0
                    marctrix
                  2. 0
                    Gunnar Bittersmann
              3. 1
                beatovich
          2. 1
            Gunnar Bittersmann
            • meinung
            1. -1
              Bernd
              1. 1
                Gunnar Bittersmann
                1. -1
                  Bernd
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Bernd
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Bernd
                    2. 3
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                        1. 1
                          dedlfix
                          1. 0
                            Gunnar Bittersmann
                            1. 2
                              dedlfix
                              1. 0
                                Gunnar Bittersmann
                                1. -3
                                  Bernd
                                  1. 4

                                    Politische Ränder

                                    ursus contionabundo
                                    • meinung
                                    • politik
                                2. 2
                                  dedlfix
                                3. 0
                                  Matthias Apsel
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0

                                      Viel Ehr ...

                                      ursus contionabundo
                                  2. 0
                                    Bernd
                                    1. 0
                                      Christian Kruse
                  2. 2

                    Bitte nicht so. Danke!

                    ursus contionabundo
            2. 0
              Hans
              1. 0
                Matthias Apsel
              2. 3
                marctrix
                1. 0
                  Hans
                  1. 1
                    marctrix
                    • barrierefreiheit
                    • meinung
                    1. 0
                      Hans
                  2. 1
                    Gunnar Bittersmann
          3. 2
            marctrix
            1. 0
              Gunnar Bittersmann
              1. -1
                dedlfix
                1. 0
                  Gunnar Bittersmann
                  • meinung
                  1. -1
                    Bernd
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        Bernd
                        1. 1
                          Matthias Apsel
                          1. 0
                            Bernd
                            1. 0
                              marctrix
                        2. 2
                          marctrix
                          1. 0
                            Mitleser
                          2. 0
                            Bernd
                            1. 1
                              Gunnar Bittersmann
                              1. -2
                                Bernd
                                1. 1
                                  Gunnar Bittersmann
                                  1. 0
                                    Bernd
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Bernd
                                        1. 1
                                          Gunnar Bittersmann
                                          1. 0
                                            Bernd
                                            1. 0
                                              marctrix
                                              1. 0
                                                Bernd
                                                1. 0
                                                  marctrix
                                                  1. 0
                                                    Bernd
                                                    1. 0
                                                      marctrix
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          marctrix
                                                          1. 0
                                                            Bernd
                                                          2. 0
                                                            Matthias Apsel
                                                            1. 0
                                                              marctrix
                                            2. 0

                                              Fertiges Beispiel ohne Bootstrap

                                              Bernd
                                              1. 1
                                                Matthias Apsel
                                                1. 0
                                                  Bernd
                                                  1. 1
                                                    Matthias Apsel
                                                    1. 0
                                                      Bernd
                                                  2. 0
                                                    Matthias Apsel
                                                2. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    Bernd
                                                    1. 1
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        Bernd
                                                        1. 0
                                                          Gunnar Bittersmann
                                                        2. 0
                                                          marctrix
                                                          • css
                                                          • flexbox
                                                          1. 1

                                                            ganze Box verlinken

                                                            Gunnar Bittersmann
                                                            • barrierefreiheit
                                                            • html
                                                            • star trek
                                                            1. 0
                                                              marctrix
                                                              • barrierefreiheit
                                                              • html
                                                            2. 0
                                                              ursus contionabundo
                                                              1. 0
                                                                MudGuard
                                                                • menschelei
                                                                1. 0
                                                                  ursus contionabundo
                                                                2. 0
                                                                  Gunnar Bittersmann
                                                              2. 1
                                                                Gunnar Bittersmann
                                                                • barrierefreiheit
                                                                • css
                                                                • html
                                                                1. 0
                                                                  ursus contionabundo
                                        2. 0
                                          marctrix
                                      2. 0
                                        marctrix
                                        1. 0
                                          Bernd
                                          1. 0
                                            marctrix
                                  2. 0
                                    Bernd
                            2. 1
                              beatovich
                              1. 0
                                Bernd
                          3. 1
                            marctrix
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
                                  1. 1
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        marctrix
                      2. 0
                        Matthias Apsel
                        1. 0
                          marctrix
                        2. 0

                          Aufträge aus moralischen Gründen abzulehnen ...

                          ursus contionabundo
                    2. 1
                      beatovich