Rolf B: Image rechts unten in Tabellenzelle positionieren

Beitrag lesen

Hallo Matthias,

Du meinst also, dass tabellarische Daten keine unterstützende Visualisierung mit Bildern oder Icons brauchen können?

Ein Ausrufezeichen, z.B., um Wichtigkeit darzustellen? Oder eine grüne Ecke für „Zelle hat Anmerkung“, a la Excel? Oder eine rote Ecke für „Zelle wurde bearbeitet“ a la Kendo Grid?

Ich bin nicht deiner Meinung.

Ich stimme dir allerdings zu, dass das kein img sein muss.

Kendo realisiert die rote Ecke mit einem absolut positionierten :before CSS, das einen linken und oberen Rand hat und genauso groß ist wie der Rand breit. Damit es in der Tabellenzelle bleibt, hat die ein position:relative. Glaub ich jedenfalls, sitze grad mit Handy im Zug und kann schlecht probieren.

Ich würde behaupten (hab es noch nicht gemacht), dass man dem :before auch ein Hintergrund Bild geben kann statt eines Randes.

Rein technisch kann man auch ein normales img absolut positionieren. Ob es sinnvoll ist, hängt von der Semantik des Bildes ab. Wenn das Bild ein Bedienelement sein soll, ist ein reines img ohnehin falsch.

Rolf

--
sumpsi - posui - clusi
0 51

Image rechts unten in Tabellenzelle positionieren

Pit
  • css
  1. 0
    Matthias Apsel
    1. 0
      Pit
      1. 0
        Matthias Apsel
        1. 0
          Gunnar Bittersmann
      2. -1
        Klawischnigg
        1. 0
          Matthias Apsel
          • zu diesem forum
          1. 0
            Klawischnigg
            1. 0
              Gunnar Bittersmann
        2. -1
          Sophie
    2. 0
      Rolf B
      1. 0
        Pit
        1. 0
          Gunnar Bittersmann
          1. 1
            Pit
            1. 1
              Matthias Apsel
            2. 0
              Rolf B
        2. 0
          Matthias Apsel
          1. 0
            Gunnar Bittersmann
            1. 0
              Rolf B
              1. 0
                Matthias Apsel
                1. 0
                  Rolf B
          2. 0
            Pit
          3. 0
            Tabellenkalk
            1. 0
              Matthias Apsel
              • css
              • selfhtml
              • selfhtml-wiki
              1. 1
                Tabellenkalk
                1. 0
                  Matthias Apsel
                  1. 0
                    Tabellenkalk
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        • typografie
                        1. 0
                          Matthias Apsel
  2. 1
    Felix Riesterer
    1. 0
      Pit
      1. 0
        Matthias Apsel
      2. 0
        Gunnar Bittersmann
        1. 0
          Pit
          1. 0
            Gunnar Bittersmann
            1. 0
              Pit
              1. 0
                Gunnar Bittersmann
                1. 0
                  Pit
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Pit
                  2. 0
                    Pit
                    1. 0
                      Matthias Apsel
                      • html
                      1. 0
                        Pit
                        1. 0
                          Matthias Apsel
                    2. 0
                      Gunnar Bittersmann
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Pit
                          1. 0
                            Matthias Apsel
                            1. 0
                              Pit
          2. 0
            Felix Riesterer