Zum Inhalt

Test Kleine Tabellen

Testtabelle 500 pixel Breite, Rahmenstärke 1 - absichtlich zu große Grafik reingetan, um zu sehen wie es auf mobile "das Layout zerreißt"

 

spalte1 spalte2 spalte3 spalte4
Spaltenbreite ändert sich automatisch je nachdem wie viele

Zeichen drin stehen

Zeilenhöhe Umbruch ist auch automatisch      
hier ist keiner      
alt text 600 x600 pixel grafik    

test zu große Grafik - full html

 

 

 

 

3x3 test 300 x 300 pixel ohne rahmen - fullhtml

Überschrift
kopfzeile spalte 1 kopfzeile spalte 1 kopfzeile3
inhalt zeile 1 inhalt zeile 1 inhalt zeile 1
inhalt zeile 2 inhalt zeile 2 inhalt zeile 2

 

 

 

wenn man Tabellenhöhe (in diesem Fall 300 px) als fixe Größe eingibt, wird diese die Spaltenhöhe durch Zahl der Zeilen dividieren und entsprechende Zellenhöhen ausgeben. - dachte ich zumindest

 

Test Übertragung von original HTML code 1:1 vom "alten" konsument.at

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                

Maskentyp                                               

Persönliche Schutzausrüstung (PSA-Masken):
                                               Filtrierende Halbmasken (FFP)

                                              
Medizinische Gesichtsmasken Mund-Nasen-Schnellmasken
andere Bezeichnung (Synonym) FFP1-, FFP2-, FFP3-Maske Operations-(OP)Maske Nicht zertifizierte Masken; Behelfs-Mund-Nasen-Maske, DIY-Maske z.B. Baumwolle
Verwendungszweck Eigenschutz / Arbeitsschutz, mit Ventil reiner Eigenschutz Fremdschutz Fremdschutz, privater Gebrauch
Medizinprodukt JA JA NEIN
Zertifizierung CE-Zertifikat CE-Zertifikat KEINE
Schutzausrüstung Schutz des Trägers vor festen und flüssigen Aerosolen Schutz vor Tröpfchenauswurf des Trägers Reduzieren Tröpfchenauswurf des Trägers

Versuch die gleiche Tabelle mit Bordmitteln schöner zu machen 1

  • Größe wurde auf 0 gelassen, um keine Breite zu erzwingen (wie sieht das auf Mobile aus?)
  • Rahmendicke 2 - CSS überschreibt scheinbar alle Rahmedicken auf 0
     
    Überschrift
    Maskentyp Persönliche Schutzausrüstung (PSA-Masken): Medizinische Gesichtsmasken Mund-Nasen-Schnellmasken
    andere Bezeichnung (Synonym) FFP1-, FFP2-, FFP3-Maske Operations-(OP)Maske Nicht zertifizierte Masken; Behelfs-Mund-Nasen-Maske, DIY-Maske z.B. Baumwolle
    Verwendungszweck Eigenschutz / Arbeitsschutz, mit Ventil reiner Eigenschutz Fremdschutz

    Fremdschutz, privater Gebrauch

    Medizinprodukt JA JA NEIN
    Zertifizierung CE-Zertifikat CE-Zertifikat KEINE
    Schutzausrüstung Schutz des Trägers vor festen und flüssigen Aerosolen Schutz vor Tröpfchenauswurf des Trägers Reduzieren Tröpfchenauswurf des Trägers
     

Versuch die gleiche Tabelle mit Bordmitteln schöner zu machen 2

  • Größe wurde auf 700 gesetzt, um Breite zu erzwingen (wird aber von Paragraph CSS Breite nicht erlaubt)
  • interner spaltenabstand auf 1
  • cell spacing und cell padding werden im Editor angezeigt aber nicht am frontend, dh Full HTML ist nur im Backend erlaubt. Wird rausgefiltert.
     
    Überschrift
    Maskentyp Persönliche Schutzausrüstung (PSA-Masken): Medizinische Gesichtsmasken Mund-Nasen-Schnellmasken
    andere Bezeichnung (Synonym) FFP1-, FFP2-, FFP3-Maske Operations-(OP)Maske Nicht zertifizierte Masken; Behelfs-Mund-Nasen-Maske, DIY-Maske z.B. Baumwolle
    Verwendungszweck Eigenschutz / Arbeitsschutz, mit Ventil reiner Eigenschutz Fremdschutz Fremdschutz, privater Gebrauch
    Medizinprodukt JA JA NEIN
    Zertifizierung CE-Zertifikat CE-Zertifikat KEINE
    Schutzausrüstung Schutz vor Tröpfchenauswurf des Trägers Schutz vor Tröpfchenauswurf des Trägers Reduzieren Tröpfchenauswurf des Trägers

     

so schauts im backend editor aus mit großem cellspacing (screenshot)

CMS test
das ist ein screenhshot Bild: wird wieder gelöscht

Fazit

  • CSS des Layouts filtert Styling der Tabellen auch bei Full HTML Einstellung der paragraph types raus:
    • Rahmen werden nicht angezeigt
    • Abstandseinstellungen zwischen den Zellen werden nicht beachtet
    • Breite / Höhe Einstellung wird nicht angezeigt.

Es macht keinen Unterschied, ob man den HTML code der alten Konsument.at Tabellen  copy pastet oder händisch Anpassungen vornimmt, wird ohnehin von CSS überschrieben rausgefiltert.

-> Full HTML Einstellung des PT ermöglicht derzeit weniger als (von mir) gedacht - im Editor sieht man die Anpassungen zwar aber sie werden am Frontend overruled.

Diesen Beitrag teilen

Facebook Twitter Drucken E-Mail
Zum Seitenanfang