WebSite X5Help Center

 
Michael G.
Michael G.
User

Tabelle abgeschnitten  de

Autore: Michael G.
Visite 1832, Followers 1, Condiviso 0  

Hallo,

ich habe auf Responsiv geschalten und die eine Tabelle ist abgeschnitten und bekoommt eine Laufleiste.

Passen sich die Tabellen nicht an?

Postato il
21 RISPOSTE - 6 UTILI
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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.

Leggi di più
Postato il da Andreas S.
Michael G.
Michael G.
User
Autore

Ja den habe ich eingefügt und bei allen Tabellen funktioniert das auch aber nur auf dieser eine Seite und nur diese Tabelle nicht

Leggi di più
Postato il da Michael G.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Bitte zeigen!

Leggi di più
Postato il da Andreas S.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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.

Leggi di più
Postato il da Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Michael G.
... ... ...Also denke ich mal das der Code nicht mehr stimmt oder?

(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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autore

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

Leggi di più
Postato il da Michael G.
Michael G.
Michael G.
User
Autore

und hier ist der ganze Codeinhalt Sternzelte

Leggi di più
Postato il da Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

>>  sternzelt.html   ...Fehler...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
 ‪ KolAsim ‪ ‪
>>  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>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autore

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

Leggi di più
Postato il da Michael G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

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>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Michael G.
Michael G.
User
Autore

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?

Leggi di più
Postato il da Michael G.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Wenn du willst, dass sich die Schrift auch verkleinert musst du es als Bild abspeichern und in ein BildObjekt geben. Anders geht es nicht!

Leggi di più
Postato il da Andreas S.
Martin H.
Martin H.
User

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.

Leggi di più
Postato il da Martin H.
Michael G.
Michael G.
User
Autore

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

Leggi di più
Postato il da Michael G.
Martin H.
Martin H.
User

Bei Registrierkarten hast Du die gleichen Probleme. Blende doch einfach die Tabelle ab einer bestimmten contentbreite aus?

Leggi di più
Postato il da Martin H.
Michael G.
Michael G.
User
Autore

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

Leggi di più
Postato il da Michael G.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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.

Leggi di più
Postato il da Andreas S.
Martin H.
Martin H.
User
Michael G.
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

Ja, aber hier sollte bzgl. der Übersichtlichkeit und der Bedienbarkeit abgewogen werden. Biete doch Alternativ eine PDF mit den Technischen Details als Download an

Leggi di più
Postato il da Martin H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Michael G.
... ... ... Kann man nicht einfach einstellen das die Tabelle (Schrift) einfach nur bei jedem Breakpoint kleiner wird und nicht das sich der Text verschiebt?

... 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>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪