Matthias Apsel: Bildler-Boxen gestalten

Beitrag lesen

Hallo Bernd,

die Frage ist, wie kann ich den Pfeil auf der rechten Seite platzieren

Da der Pfeil ein Bedienelement ist, muss es wohl ein button sein.

Ich würde folgendes Markup verwenden:

<section>
  <header>
    <h1>title 
      <span>created <time datetime="2019-05-01 10:00">may</time></span>
    </h1>
    <button type="button">Zeige die nächsten Bilder</button>
  </header>

Jetzt kannst du den header zu einer Flexbox machen und die Bilder rufen nach grid.

Bis demnächst
Matthias

--
Pantoffeltierchen haben keine Hobbys.
¯\_(ツ)_/¯
0 79

Bildler-Boxen gestalten

Bernd
  • css
  • html
  1. 0
    Matthias Apsel
    1. 0
      Bernd
      1. 1
        Felix Riesterer
        1. 0
          Bernd
          1. 0
            Felix Riesterer
            1. 0
              dedlfix
            2. 0
              Bernd
              1. 1
                Tabellenkalk
                1. 0
                  Felix Riesterer
                  1. 0
                    Tabellenkalk
                    1. 0
                      Bernd
                      1. 1
                        Tabellenkalk
                      2. 1
                        marctrix
                        • css
                        • einladung
                        • html
                        1. 0
                          Bernd
                          1. 1
                            marctrix
                            • meinung
                            • menschelei
                            1. 0
                              Bernd
                              1. 1
                                marctrix
                                1. -1
                                  Bernd
                                  1. 2
                                    Felix Riesterer
                                    1. 0
                                      Bernd
                                      1. 1
                                        marctrix
                                        1. 2

                                          Heiliger Boethius!

                                          ursus contionabundo
                                          1. 0
                                            marctrix
                                        2. 0
                                          Bernd
                                          • meinung
                                          1. 2
                                            Christian Kruse
                                            1. 0
                                              Bernd
                                              1. 0
                                                marctrix
                                                1. 0
                                                  Bernd
                                                  1. 0

                                                    Wiki::clip

                                                    ursus contionabundo
                                                    1. 0
                                                      marctrix
                                                  2. 0
                                                    Tabellenkalk
                                                    1. 0
                                                      Bernd
                                            2. 0

                                              Wiki editieren

                                              ursus contionabundo
                                              1. 0
                                                Christian Kruse
                                                1. 0
                                                  ursus contionabundo
                                                  1. 0
                                                    Christian Kruse
                                                    1. 0
                                                      ursus contionabundo
                                                      1. 0
                                                        Christian Kruse
                                                        1. 0
                                                          ursus contionabundo
                                                          1. 0
                                                            marctrix
                                                            1. 1
                                                              ursus contionabundo
                                                          2. 0
                                                            Christian Kruse
                                                2. 0
                                                  Bernd
                                                  1. 1
                                                    Christian Kruse
                                                    1. -1
                                                      Bernd
                                                      1. 1
                                                        Christian Kruse
                                              2. 0
                                                marctrix
      2. 0
        Matthias Apsel
        1. 0
          Felix Riesterer
          1. 0
            Rolf B
  2. 0
    Bernd
    1. 0

      Update: Bildler-Boxen gestalten

      Bernd
      1. 0
        Felix Riesterer
    2. 0
      Felix Riesterer
      1. 0
        Bernd
        1. 0
          Felix Riesterer
  3. 0

    Mein Ergebnis: Bildler-Boxen gestalten

    Bernd
    1. 0
      Felix Riesterer
      1. 0
        Bernd
        1. 0
          Felix Riesterer
          1. 0
            Bernd
            1. 0
              ursus contionabundo
              1. 0
                Bernd
                1. 1
                  ursus contionabundo
                  1. 0
                    Bernd
                    1. 0
                      Bernd
                      1. 0
                        ursus contionabundo
                        1. 0
                          Bernd
                          1. 0
                            ursus contionabundo
                            1. 0
                              1unitedpower
                              • machine learning
                      2. 0
                        1unitedpower
                        • grafik
                        • machine learning
                        1. 0
                          Bernd
              2. 0
                marctrix
                1. 0
                  marctrix
                2. 0
                  marctrix
                  • css
                  • selfhtml-wiki
                  1. 0
                    Bernd
    2. 0
      Bernd
      1. 0
        Bernd