Tabelle abgeschnitten 
Autor: Michael G.
Visited 1828,
Followers 1,
Udostępniony 0
Hallo,
ich habe auf Responsiv geschalten und die eine Tabelle ist abgeschnitten und bekoommt eine Laufleiste.
Passen sich die Tabellen nicht an?
Posted on the
Nein, haben sich nie angepasst und ist immer eine Laufleiste gekommen! Aber hast du nicht den Code für die dynamische Tabelle von mir schon im Projekt eingefügt gehabt? Im anderen Forum ist ein Tutorial enthalten.
Autor
Ja den habe ich eingefügt und bei allen Tabellen funktioniert das auch aber nur auf dieser eine Seite und nur diese Tabelle nicht
Bitte zeigen!
Autor
https://zeltsysteme-goebel.de/aufblasbares-zelt-krake.html
Die 1. Tabelle mit den 4 Größen ab 8x8 ist bei einer kleinen Auflösung rechts abgeschnitten
https://zeltsysteme-goebel.de/sternzelt.html
Hier ist die Tabelle mit den Größen auch abgeschnitten bei kleiner Auflösung obwohl die erst in der Vorschau komplett angezeigt wurde.
Also denke ich mal das der Code nicht mehr stimmt oder?
Irgendwann ist das Skript auch an seinen Grenzen angelangt. Kommt auf den eingefügten Text an. Du kannst nur versuchen den "STROM" in 2 Zeilen zu schreiben ob es dann besser wird.
(It > De) ... Sie haben meine Codes verwendet, um die "elastische" Tabelle zu erhalten, aber Sie haben sie falsch eingegeben.
Also musst du zuerst den Fehler korrigieren und dann wirst du sehen ...
... das ist der Fehler:
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
</style>
... und so muss es sein:
</style>
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
...
... wenn Sie repariert haben, warnen ...
ciao
.
Autor
So ich bleibe mal bei dem Tabellenthema hier sonst kommt man mit dem anderen Thema durcheinander.
Hier ist ein Bild mit dem Code oben
die Tabelle wird da komplett zerhauen und nicht responsiv angepasst
Tabletansicht geht nicht aber kleinere Ansicht wird es so hässlich.
Den Code habe ich bei den Seiteneigenschaften eingefügt
Autor
und hier ist der ganze Codeinhalt Sternzelte
>> sternzelt.html ...Fehler...
... den Fehler entfernen und meinen Code durch diesen anderen Code ersetzen,
... offensichtlich geklebt werden out oder unter dem </style> -Tag, das Sie bereits verwenden:
<style> table {word-break: break-all;} table img{width:100%} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
.
Autor
Jetzt habe ich alles so gemacht. aber jetzt sind bei der Tabelle Sternzelt (kleine Ansicht)
die Tabelle nicht verkleinert sondern der Text verschoben und die Icons in der Spalte viel zu groß und dadurch verpixelt
www.zeltsysteme-goebel.de/test2/sternzelt.html
Sie haben keine Bilder mit den gleichen Maßen verwendet, um für die Tabellen bevorzugt zu werden.
Sie müssen jedoch den vorherigen Code durch diesen anderen Code ersetzen, wodurch die Größe der Bilder eingeschränkt wird:
<style> @media (max-width: 960px) { table {word-break: break-all;} table img{width:100%; max-width:55px !important}}</style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
.
Autor
Also die Bilder hatten alle die gleichen Maße.
Mit dem neuen Code sind die Bilder wieder normal, danke.
Jedoch sieht die Tabelle immer noch nicht schön aus (Bild)
Kann man nicht einfach einstellen das die Tabelle (Schrift) einfach nur bei jedem Breakpoint kleiner wird und nicht das sich der Text verschiebt?
Wenn du willst, dass sich die Schrift auch verkleinert musst du es als Bild abspeichern und in ein BildObjekt geben. Anders geht es nicht!
Irgendwo sind auch Grenzen gesetzt. Klar könnte man die Schrift noch weiter verkleinern, aber wer soll das noch lesen können - vorallem im Tablet oder Smartphone? Vielleicht ist die Tabelle doch nicht dier erste Wahl für Desktop- und Mobileansicht (zumondest nicht die von Website)? Bevor ich mir meine Seite mit Fremdcode vollmülle, würde ich mir zuerst überlegen, wie dieses oder jenes in der Mobilenansicht darstelle. Meines Erachtens machen viele den Fehler, die Seiten in der Desktopansicht zu planen, wo hingegen die Smartphone- und Tabletnutzung stetig steigt. Wie gesagt, dass ist meine Meinung und jeder soll und kann das auch anders sehen - jedoch das Mobile first und das Update von PageSpeed von Google bestätigt meine Meinung.
Autor
Ja das stimmt schon, aber die Tabelle muss ja sein in diesem Fall. Anders wüsste ich nicht das zu machen.
Als Bild wäre eine Idee, aber das wollte ich nicht unbedingt. Denn wenn sich Daten ändern, muss man ständig das Bild neu machen und wieder einfügen usw. und das Problem mit gleichen Dateinnamen kennen wir ja mitlerweile
Wie würdet ihr diese Tabelle hier aufteilen?
Registerkarten wäre eine Möglichkeit oder?
https://zeltsysteme-goebel.de/rollup.html
Bei Registrierkarten hast Du die gleichen Probleme. Blende doch einfach die Tabelle ab einer bestimmten contentbreite aus?
Autor
Dann kann aber kein Kunde mehr die Daten in der Tabelle lesen.
und wenn du sagst Mobilansicht ist sehr wichtig, dann wäre das nicht so gut
Was spricht eigentlich dagegen bei der Grundvariante mit Scrollbalken. Es gibt schon einen Grund wieso INCO dies so gelöst hat, um auch im mobilen Teil alle Daten gut lesbar zu halten und Originalgetreu wie am Desktop wiedergibt.
Ich habe es bei einem Projekt von mir auch nicht anders lösen können und deshalb gelassen per Code zu verändern.
Ja, aber hier sollte bzgl. der Übersichtlichkeit und der Bedienbarkeit abgewogen werden. Biete doch Alternativ eine PDF mit den Technischen Details als Download an
... letzter Schritt, Schritt; ... ersetzen mit:
<style> @media (max-width: 479px) { table *{font-size:9pt !important;word-break: break-all !important;padding:0px !important;margin:0px !important}}
@media (max-width: 960px) { table {word-break: break-word ;} table img{width:100%; max-width:55px !important}}
@media (max-width: 959px) {#imContent { display: block; }}</style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
.