Tabelle für Smartphone weniger Zellen Zeigen
ich habe eine Normale Tabelle mit 4 Zeilen und 6 Zellen.
Auf ein Desktop Rechner sieht es gut aus. Aber für Smartphone zu klein, her sind 2 Zellen pro Zeile gut Kann man über eine @media Anweisung eine Tabelle dazu bekommen, statt 6 Zellen nur 2 in einer Reihe zu zeigen? |
Zitat:
|
Hallo
Zitat:
Die Frage deutet aber auch stark darauf hin, dass die Tabelle zum Layouten mißbraucht werden soll - keine gute Idee. Gruss MrMurphy |
Es handelt sich um 2X6 Checkboxen in ein Fragebogen
<table> <tr> <td>X1</td><td>X2</td><td>X3</td><td>X4</td><td>x5</td><td>x6</td> </tr> <tr> <td>X7</td><td>X8</td><td>X9</td><td>X10</td><td>x11</td><td>x12</td> </tr> </table> wie bekomme ich die Tabelle dazu, das die auf dem Handy so angezeigt werden <table> <tr><td>X1</td><td>X2</td></tr> <tr><td>X3</td><td>X4</td></tr> <tr><td>X5</td><td>X6</td></tr> <tr><td>X7</td><td>X8</td></tr> .. bis x12 </table> Also immer 2 Zellen statt 6 Zellen. Habe ich eben mal Google nach nth-child gefragt, bis auf jede 2/3 Zeilen umfärben nichts gefunden. |
Zitat:
Nachtrag: Mein Fehler - Du willst keine Spalten ausblenden, sondern die Tabelle umgruppieren, das geht natürlich nicht. In dem Fall hat Murphy recht, eine Tabelle ist das falsche Element. |
Checkbox gruppieren in einer Reihe
Hallo protonenbeschleuniger,
vielen Dank für den Hinweis das man keine Tabelle umgruppieren kann, glaube das würde mit js gehen, aber Tabellen sind auch keine gute Idee gewesen, dadurch hat man aber schnell alle Label in einer Reihe bekommen. Hier die Lösung ohne Tabellen, alle Ch-Boxen und Labels sind in einer Reihe zentriert. HTML-Code:
|
Hallo
geschickter wäre Code:
ul.checkboxes { MrMurphy |
Alle Zeitangaben in WEZ +2. Es ist jetzt 15:47 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023