Gunnar Bittersmann: Colspan und style width in Prozent

Beitrag lesen

@@Guest191218

Ich brauche die Tabelle für ein Layout, das später in ein PDF umgewandelt wird.

Oh je … PDF-Generatoren hinken der Zeit in puncto CSS-Verständnis Äonen hinterher. Das muss man tatsächlich heute noch mit table layouten.

Wenn du das tust, schreib <table role="none presentation"> in Start-Tag, wenn es sich nicht um tabellarische Daten handelt, damit die Seite erstmal im Browser benutzbar ist. („Später“ verstehe ich so, dass die Seite erstemal im Browser benutzt wird, dann daraus (mit getätigten Nutzereingaben?) ein PDF generiert wird.

Deshalb schreibe ich den Style auch direkt in die Zelle.

Nö, so weit sind PDF-Generatoren nun auch nicht hinterher, dass die im Stylesheet (extern oder <style>-Element im <head>) gemachten Angaben nicht interpretieren würden. Für Inline-Styles gibt es keine Rechtfertigung.

Und schon gar nicht dafür, immer wieder dieselben Angaben in jeder Tabellenzeile zu wiederholen. Wenn für die Zellen der ersten Zeile die Breiten angegben werden, dann haben die Zellen der nachfolgenden Zeilen ohne weitere Angaben automatisch dieselben Breiten.

Die zigfache Wiederholung bläht den Quelltext sinnlos auf – und der will ja erstmal zum Nutzer übertragen und auf seinem Gerät verarbeitet werden. Die sinnlosen Angaben vergeuden Zeit.

Zum Punkt Doctype. Da kenne ich mich gar nicht aus. Ich brauche ein XHTML.

Wird das PDF über XSLT o.a. XML-Prozessoren generiert? Ansonsten würde mich das sehr wundern. PDF-Generatoren parsen für gewöhnlich HTML – ohne X.

      <td id="CELL_0_0_1545386012552" data-column="0" data-row="0" onclick="clicked(this);" oncontextmenu="clicked(this);" onmousemove="moved(this, event)" onmousedown="clicked(this);" style="width:521.3%;text-align:left;vertical-align:top;padding:2.83pt;"><p><span style="font-size:10pt;line-height:12.83pt;font-weight:bold;text-decoration:underline;">TEXT</span></p></td> 

521.3%? Wirklich? Aber wie gesagt: Die Styles ins Stylesheet.

Und was passiert da mit JavaScript? Wie ich schon erwähnte kann man <td>s nicht anclicken. Einige Nutzer (Maus o.a. Zeigegeräte) können das; viele andere Nutzer (Tastaturbediener) können das nicht. Zum Auslösen von Aktionen per Click braucht man ein interaktives Element: <button>.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 48

Colspan und style width in Prozent

Guest191218
  • css
  • html
  1. 0
    Gunnar Bittersmann
  2. 0
    Guest191218
    1. 0
      beatovich
    2. -1
      bobby
      1. 0
        Guest191218
        1. 0
          Gunnar Bittersmann
          1. 1

            Danke...

            bobby
            • menschelei
            1. 0
              Gunnar Bittersmann
              1. 1
                bobby
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    bobby
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        bobby
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            bobby
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                bobby
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    bobby
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        bobby
                                        1. 0
                                          Gunnar Bittersmann
              2. 1
                beatovich
                1. 0
                  bobby
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    bobby
                    1. -1
                      Gunnar Bittersmann
                      1. 0
                        bobby
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            bobby
                  2. 0
                    beatovich
                    1. 0
                      Gunnar Bittersmann
      2. 0
        Gunnar Bittersmann
        1. 0
          bobby
          1. 0
            Gunnar Bittersmann
            1. 0
              bobby
              1. 0
                Gunnar Bittersmann
    3. 2
      beatovich
      1. 0
        Guest191218
        1. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            1. 0
              Rolf B
              1. 0
                Gunnar Bittersmann
                1. 0
                  beatovich
        2. 1
          Gunnar Bittersmann
          1. 0
            Rolf B
          2. 0
            Guest191218