#1

inselpirat

Routinier  (482 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.ameland-tips.de

Und beim Washington haben die Designer scheinbar vergessen, dass man auch hin und wieder eine Sidebar benutzt.

Unter: [Link entfernt] kann man sehr schön erkennen, was passiert wenn man eine 4-spaltige Tabelle zusammen mit der Sidebar (deren Breite man leider auch nicht verstellen kann, zumindest habe ich dafür keine Einstellung gefunden) benutzt.

Da nützt dann auch kein responsive mehr, wenn der Platz dafür nicht ausreichend ist.

Waagerechtes Scrollen bei einem Design aus 2018??

Auch hier wieder - würde man sich bei Siquando nur etwas mehr Mühe machen bei den Designs - das eine oder andere ließe sich sicher auch verkaufen. So aber ist es von A-Z immer die gleiche Vorgehensweise, fast würde ich schreiben STRG/Copy Paste.


VG

#2

krenovativ

Profi  (10 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://spirifun.de

Die Tabelle enthält Bilder mit fixen Breitenangaben, sodass sie die Tabelle in die Breite zwingen, z.B.:

<img src="../images/pkw-maut_640.jpg" alt="" width="610" height="367">

 

Ich vermute, die haben einfach übersehen, width="610" und height="367" zu entfernen (copy&paste).

In den CSS-Styles (.sqrtable img {...}) ist zwar eine Breitenangabe für Bilder von 100% angegeben, die wird aber überrollt von den Inline-Styles

 


LG,
Rudolf

#3

inselpirat

Routinier  (482 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.ameland-tips.de

#4

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Warum gehst Du nicht auch hier einfach genauso vor, wie Dir von Tom Henrichs per Mail im Zusammenhang mit Tabellen in responsiven Siquando-Designs ausführlich beschrieben??

Insofern diese Vorgehensweise die Problematik behebt, handelt es sich ja definitiv nicht um einen Fehler, sondern um ebenfalls falsch gewählte Einstellungen in den erweiterten Einstellungen der Tabelle.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#5

inselpirat

Routinier  (482 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.ameland-tips.de

Volker, schau mal wie die Einstellungen für die Tabelle sind:

 

tabelle_washington.jpg

 

VG

Michael

Anm: Meiner Meinung nach hängt es mit der Sidebar zusammen, da die fehlerhafte Darstellung ausschließlich dann auftritt, wenn man diese nutzt. Ohne werden die Tabellen responsiv angezeigt. Aber den Grund werden die Profis hier sicher herausfinden.


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »inselpirat« (24.04.2018, 20:28)
#6

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

 Der Grund wird dann wahrscheinlich in der Verwendung von für die Reduzierung der Spaltenbreite zu langen Wörtern wie bspw.

  • Bundesverkehrsminister
  • Regierungskreise
  • Legislaturperiode
  • Mediengruppe

liegen.


Verwende in allen entsprechenden Zellen doch testweise mal

  • Bundes-Verkehrsminister (oder Bundesverkehrs-Minister)
  • Regierungs-Kreise
  • Legislatur-Periode
  • Medien-Gruppe

 

Sollte dies die Ursache sein, liegt die Schuld nicht bei Siquando, sondern beim Webmaster. 🙂


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#7

Sven aus Berlin

Forum-Sponsor  (435 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Also ich muss mich jetzt dazu auch mal äußern, was das mit den Tabellen in responsiven Designs angeht.

Ich handhabe das so, dass ich ganz normal für Desktop eine 3 oder 4 spaltige Tabelle anlege, unter Eigenschaften "Nur Desktop" wähle, darunter dann jeweils 4, einspaltige einzelne Tabellen anlege und unter Eigenschaft "Nur Smartphone" auswähle. Also anzeigen auf.

Das Ergebnis von Desktop und Smartphone kann man sich ja anschauen. Wie sich nun die 4 spaltige Tabelle auf Tablets auswirkt weiss ich nicht, da ich keins besitze. Auf mein Laptop 13" wird die Tabelle ordnungsgemäß ausgegeben.

So, das ganz einfach mal als Tipp von mir. Versucht das einfach mal .... ja ich weiss, ist etwas Mehraufwand!


Spontaneität muss sorgfältig geplant werden.

#8

inselpirat

Routinier  (482 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.ameland-tips.de

@ Volker; herzlichen Dank für deinen Tipp - sicher wirst du Verständnis dafür haben das ich diesen nicht umsetzen, nein nicht mal ansatzweise probieren werde.

Wenn ich jetzt schon Wörter und Begriffe unrichtig trennen soll ( Duden: Bundesverkehrsminister usw. ) nur weil der Hersteller eines Designs zu faul ist, eine in der Breite einstellbare Sidebar einzufügen, werde ich ganz sicher nciht die Rechtschreibung neu erfinden.Wenn diese Skalierbarkeit gegeben wäre (wie Sie ja in vernünftig aufgebauten Designs die man kaufen kann, durchaus vorhanden ist) bräuchte man solche Spielereien gar nicht erst.

Belassen wir es einfach dabei, die Designs sind allesamt mit der gleichen heißen Nadel gestrickt.

 

@ Sven; der Sinn von responsiven Darstellungen ist dir aber schon klar? So habe ich vor einigen Jahren auch gearbeitet, aber da gab es responsive Designs noch gar nicht. Da musste man sich mit einem Extra für Smartphone und Tablett rumplagen. Aber warum soll ich mit web10 plötzlich zurück in die Vergangenheit gehen? Wo es doch moderne, ausdruckstarke Designs sind, mit denen wir es zu tun haben?

Für mich ist das Thema damit erledigt.

#9

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Eine dynamische / responsive Darstellung von Tabellen, bei denen in jeder Spalte lange Wörter wie sagen wir Bundesausbildungsförderungsgesetz vorkommen, ist technisch nicht möglich. Kein Browser bricht mitten im Wort um, und daran kann auch Siquando nichts ändern.

Ob Sidebar oder nicht, auf schmalen Smartphones funktioniert so etwas technisch bedingt nicht. Je mehr Spalten mit überlangen Wörtern vorhanden sind, desto eher läuft eine solche Tabelle aus dem Ruder.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#10

Andreas_B

Forum-Sponsor  (162 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://undefined.bplaced.net

Nur eine kurze Anmerkung dazu, man muss/kann "einfach" nur die Schriftgröße responsive/fluid gestalten. Dann wird die Schrift je nach Bildschirmgröße kleiner oder größer dargestellt (bis zu einem definierten Maß) und passt sich somit auch der Tabelle an.

ein Beispiel findet man hier: https://css-tricks.com/snippets/css/fluid-typography/

#11

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Du meinst ähnlich wie beim Header dieses Forums (im hochgescrollten Zustand direkt unterhalb der Navigation)? Damit kannst Du Dir das mal live ansehen.

Grundsätzlich wäre das sicherlich möglich, aber bereits normale, eher kleine Schrift in Tabellen zusätzlich noch herunter zu skalieren führt dann leicht ins unleserliche. Ich verwende bei unserem o.g. Header daher grundsätzlich nur je zwei Größen der beiden darin befindlichen Zeilen, welche dann auch in der kleinen (Smartphone-)Variante immer noch gut lesbar sind.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#12

Andreas_B

Forum-Sponsor  (162 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://undefined.bplaced.net

Ja, so ähnlich, Volker. Man kann das auch noch vollständig fluid machen. Also wenn man das Browserfenster kleiner/größer zieht, dass dann auch die Schrift dynamisch kleiner/größer wird bis zu einem min/max Wert.

Werde das mal testweise in die Überschriften von Tabellen einarbeiten und schauen, wie und ob das Sinn macht.

Btw. dieses "Spalten in Zeilen reorganisieren" macht, finde ich, nur Sinn wenn man recht kleine Tabellen hat. Getestet habe ich das bei einer unserer Produkttabellen mit knapp 100 Einträgen und das wurde sehr unübersichtlich und viel zu lang. Dann doch lieber den horizontalen Scroll-Balken.

531 Aufrufe | 12 Beiträge