Tabelle responsive
Ines
- css
Hallo liebe Community!
Ich brauche nochmals eure Hilfe bitte.
Wie schaffe ich es, dass diese Tabelle so wird, wie ich es möchte, nämlich auch auf dem Smartphone in EINER ZEILE (und nicht, dass die mm-Angaben einfach einen Zeilenumbruch machen und nach unten wandern)...
Könnt ihr mir helfen? URL: https://test.businessbasis.at/ (letzter bzw. vorletzter Abschnitt)
Danke und liebe Grüße Ines
Hallo
Wie schaffe ich es, dass diese Tabelle so wird, wie ich es möchte, nämlich auch auf dem Smartphone in EINER ZEILE (und nicht, dass die mm-Angaben einfach einen Zeilenumbruch machen und nach unten wandern)...
Könnt ihr mir helfen? URL: https://test.businessbasis.at/ (letzter bzw. vorletzter Abschnitt)
Das hat primär nichts mit Responsivität zu tun, sondern damit, dass bestimmte Dinge einfach zusammen gehören. 😀
Du kannst in solchen Fällen, wie deinen Dimensionsangaben (zum Beispiel „420 x 594 mm“), das Non-Breaking-Space (
) benutzen, um die einzelnen Bestandteile zusammenzuhalten. Im HTML-Quelltext sähe das dann folgendermaßen aus: 420 x 594 mm
. Ein Umbruch wird fürderhin nicht mehr innerhalb des so durchgekoppelten Textes erfolgen.
Tschö, Auge
@@Auge
Du kannst in solchen Fällen, wie deinen Dimensionsangaben (zum Beispiel „420 x 594 mm“), das Non-Breaking-Space (
) benutzen
td { white-space: nowrap }
im Stylesheet dürfte einfacher sein als zig Stellen im Markup zu ändern.
😷 LLAP
Danke Gunnar!!! Das wars :-)
Liebste Grüße Ines
@@Ines
Danke Gunnar!!! Das wars :-)
Noch nicht ganz. In dem Fall sollte die Tabelle in ein <div role="region">
eingeschlossen werden, siehe Abschnitt Keyboard-Friendly Scroll in Adrian Rosellis Artikel A Responsive Accessible Table
😷 LLAP