"Ihre Seite ist nicht für Mobielgeräte optimiert"

[TS]

Hallo und guten Morgen,

ich baue an einer neuen Seite.
Google meint, dass diese Seite nicht für Mobilgeräte optimiert ist. Dem will ich auch gar nicht widersprechen.

Es liegt in erster Linie an einer großen Tabelle mit sieben Spalten und zur Zeit noch ca. 400 Zeilen.

Ich möchte nun erreichen, dass die Seite ohne Mediaqueries für möglichst Alle Medien geeignet ist. Wie sollte ich vorgehen?

1. Datenmengen aufteilen -> Tabelle in mehrere Seiten aufteilen
2. Tabelle ersetzten -> Definition-Lists benutzen
3. ...

Gibt es da ein einfaches Kochrezept, oder muss ich ganz tief einsteigen?

Grüße
TS

[Matthias Apsel]

Hallo TS,

Google meint, dass diese Seite nicht für Mobilgeräte optimiert ist.

0. <meta name="viewport" content="width=device-width, initial-scale=1.0">

Ich möchte nun erreichen, dass die Seite ohne Mediaqueries für möglichst Alle Medien geeignet ist. Wie sollte ich vorgehen?

Was hast du gegen Mediaqueries? Sie sind für dein Vorhaben perfekt geeignet.

1. Datenmengen aufteilen -> Tabelle in mehrere Seiten aufteilen

Besser: Inhalte nachladen.

2. Tabelle ersetzten -> Definition-Lists benutzen

Warum? Nicht die gewünschte Darstellung bestimmt die Wahl der Elemente. Tabellen lassen sich responsiv gestalten.

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@TS

Ich möchte nun erreichen, dass die Seite ohne Mediaqueries für möglichst Alle Medien geeignet ist.

„Ich möchte einen Nagel in die Wand bekommen – aber ohne Hammer.“

Wie sollte ich vorgehen?

Den Hammer nehmen.

LLAP 🖖

[Mr. Crab]

Den Hammer nehmen.

und zwar einen möglichst langen!

[Gunnar Bittersmann]

@@Mr. Crab

Den Hammer nehmen.

und zwar einen möglichst langen!

So richtig mobil ist man damit aber nicht.

„Ihr Fahrzeug ist nicht für diesen Weg geeignet.“

LLAP 🖖

[JürgenB]

Hallo,

Den Hammer nehmen.

und zwar einen möglichst langen!

So richtig mobil ist man damit aber nicht.

„Ihr Fahrzeug ist nicht für diesen Weg geeignet.“

bzw. „Der Weg ist nicht für die Insassen geeignet.“

Gruß
Jürgen

PS Ein früherer Kollege hat eine Wohnung nicht genommen, weil er mit seinem tiefergelegten BMW nicht in die Tiefgarage kam: „Die Wohnung ist nichts für mich.“

[TS]

Hallo und guten Tag,

ich hänge da gleich nochmal eine Frage dran...

bisher benutze ich

     tbody tr:nth-child(odd) {
        background-color: #EEEEFF;
     }

     tbody tr:nth-child(even) {
        background-color: #DDDDFF;
     }

Nun wurde in die Tabelle vor jedem Gruppenwechsel eine zusätzliche Zeile eingefügt, die jetzt die Zählung durcheinander bringt. Ich will aber keine Klassen vergeben. Kann ich trotzdem erreichen, dass nach jedem Gruppenwechsel wieder mit den Styles für "odd" begonnen wird?

Die Zeile sieht dann z. B. so aus:

    <tr>
        <td id="S5"">5</td>
        <td colspan="6">
            <ul class="linkbar">
                <li><a href="#L1">1</a></li>
                <li><a href="#L4">4</a></li>
                <li><a href="#L5">5</a></li>
                <li><a href="#L7">7</a></li>
                <li><a href="#LA">A</a></li>
                <li><a href="#LB">B</a></li>
                <li><a href="#LC">C</a></li>
                <li><a href="#LD">D</a></li>
                <li><a href="#LE">E</a></li>
                <li><a href="#LF">F</a></li>
                <li><a href="#LG">G</a></li>
                <li><a href="#LH">H</a></li>
                <li><a href="#LI">I</a></li>
                <li><a href="#LJ">J</a></li>
                <li><a href="#LK">K</a></li>
                <li><a href="#LL">L</a></li>
                <li><a href="#LM">M</a></li>
                <li><a href="#LN">N</a></li>
                <li><a href="#LO">O</a></li>
                <li><a href="#LP">P</a></li>
                <li><a href="#LR">R</a></li>
                <li><a href="#LS">S</a></li>
                <li><a href="#LT">T</a></li>
                <li><a href="#LU">U</a></li>
                <li><a href="#LV">V</a></li>
                <li><a href="#LW">W</a></li>
                <li><a href="#LX">X</a></li>
                <li><a href="#LY">Y</a></li>
                <li><a href="#LZ">Z</a></li>
            </ul>
        </td>
    </tr>

Irgendwie feheln mir heut total die Ideen :-(

Grüße
TS

[JürgenB]

Hallo,

Nun wurde in die Tabelle vor jedem Gruppenwechsel eine zusätzliche Zeile eingefügt, die jetzt die Zählung durcheinander bringt. Ich will aber keine Klassen vergeben. Kann ich trotzdem erreichen, dass nach jedem Gruppenwechsel wieder mit den Styles für "odd" begonnen wird?

Irgendwie feheln mir heut total die Ideen :-(

wäre ein zusätzlicher tbody eine Idee? Oder thead bzw. th?.

Gruß
Jürgen

[TS]

Hallo und guten Tag,

wäre ein zusätzlicher tbody eine Idee?

Ich denke, den könnte ich reinfriemeln. Danke für die Idee.

Mit kleinen Schwierigkeiten... es klappt jetzt.
Nur einen leeren tbody verträgt der Browser nicht. Dann spinnt er. Musste ich im Ausgabemodul doch noch etwas mehr basteln, als ursprünglich erwartet ;-O

Grüße
TS

[Gunnar Bittersmann]

@@TS

Nur einen leeren tbody verträgt der Browser nicht. Dann spinnt er.

Nein, bei einem leeren tbody spinnt der Seitenautor.

tbody dient zur Gruppierung von zusammengehörenden tr (wenn diese nicht in thead bzw. tfoot gehören).

LLAP 🖖

[MrMurphy1]

Hallo

Deine Quellcodeschnipsel tragen eher nicht zur Lösung bei. Besser wäre ein Link zur Seite.

Mal abgesehen davon, dass ich keine Tabellendaten erkennen kann, kannst du dich mit dem Selektor :nth-of-type beschäftigen.

Gruss

MrMurphy