Tabelle linksbündig setzen 
Autor: Michael F.
Besucht 561,
Followers 1,
Geteilt 0
Ich habe eine Tabelle erstellt. Wenn ich sie publiziere, ist sie Mittig ausgerichtet. Ich möchte die Tabelle linksbündig haben - wie geht das? Die Einstellungen zur Bünidgkeit im Objekt ist ja nur für den Text in den Tabellen, aber nicht für die Tabelle selbst...
Gepostet am
To be honest, their tables can not be used correctly, I tried many times, and realized that it is very bad, gave up this idea(
Ich würde sagen du spielt mit den "Spalten" damit es linksbündig angezeigt wird. Wir kennen ja auch nicht deinen Raster.
Mit Spalten alleine ist es nicht getan, da braucht es auch zusätzlichen Code, sonst wird die Tabelle nur zur Häfte mit Scrollbalken gezeigt, siehe
>> https://helpcenter.websitex5.com/de/post/211037
Post über Google gefunden, Code ist von 2019, gibt es inzwischen einen verbesserten Code?
Mit meinem Code passt sich der Text nur an die inneren Tabellen an und nicht das Objekt. Wenn du nur ein Objekt in der Reihe hast dann wird das Objekt immer in der Mitte angezeigt bzw. musst du im Tabellenobjekt die Reihen so auseinanderziehen, dass die erste Tabelle links erscheint.
Ich habe es mal für den Fragensteller Michael F. getestet.
Man kann im Raster links das Tabellen-Objekt und rechts ein leeres HTML-Objekt platzieren, dann sieht die Tabelle linksbündig aus.
------------------------------
Tabelle-Objekt | HTML-Objekt
------------------------------
Tabelle
linksbündig
------------------------------
Nachtrag:
Klappt nur mit zusätzlichem Code, sonst wird die Tabelle nur zur Hälfte mit Scrollbalken angezeigt.
Autor
Ich habes aufgegeben. Dann keine Tabelle. Vielen Dank an alle, die sich Gedanken gemacht haben.
Wieso aufgeben, ist doch ganz einfach, siehe diese Testseite bei meinem Demo-Shop
>> http://finde-links.de/123shop-hosteurope/seite-33.html (nur Test-Domain)
Kleine Anleitung:
Der zusätzliche Code bei WebSite X5 unter "3 Sitemap", hier die Seite mit der Tabelle markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Erweitert" anklicken und hier ...
-----
Benutzerdefinierte Code:
Vor dem </HEAD>-Tag
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
------
... eingefügt - ganz einfach.
Autor
Hallo Daniel, ich hatte es mit dem Code probiert, die Tabelle war trotzdem nicht komplett linksbündig. Ich hab es jetzt ohne Tabelle (nicht ganz so schön) gelöst
Auf meiner Testseite ist jetzt ein Text-Objekt unter dem Tabellen-Objekt und das HTML-Objekt rechts wurde durch ein Bild-Objekt ersetzt. Bei mir sind Tabelle und Text links senkrecht in einer Linie.
Evtl. Taste F5 drücken, um die Änderung auf meiner Testseite zu sehen.
Und hier die Variante der Testseite ohne Bild mit Tabelle linksbündig und Text darunter, siehe
>> http://finde-links.de/123shop-hosteurope/seite-33-b.html
Autor
Ich habe einen Scrollbalken unter der Tabelle...
Autor
Ahhh, jetzt weiß ich auch warum es bei mir erst nicht linksbündig war: ich hatte die Tabelle verkürzt. Das hat die Tabelle in die Mitte gezogen
Autor
Hallo Daniel W. (wie kann man eigentlich jmd. markieren?),
du hattest doch geschrieben, dass du den Scrollbalken unter der Tabelle wegbekommen hast. Wie hast du das gemacht?
Mit dem Code, den ich hier schon 7 Posts weiter oben gepostet habe. Hier nochmal ...
Kleine Anleitung:
Der zusätzliche Code bei WebSite X5 unter "3 Sitemap", hier die Seite mit der Tabelle markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Erweitert" anklicken und hier ...
-----
Benutzerdefinierte Code:
Vor dem </HEAD>-Tag
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
------
Autor
Hello Daniel W,
du meinst den hier?
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
Den habtte ich eingefügt, jedoch immer noch eine Scrollbar unter der Tabelle sh. hier
Die orange Tabelle verkleinert sich bei schmäleren Bildschirmen und ist irgendwann ganz verschwunden.
Oder ist eine andere Tabelle gemeint?
Meine Testseite mit Tabellen-Objekt von WebSite X5, siehe
>> http://finde-links.de/123shop-hosteurope/text-mit-register-und-tabelle.html
`Meinst du den Balken oberhalb der orangen Tabelle?
Die Tabelle mit "Preis pro Person" hat deshalb einen Balken, weil du die rechte Tabelle ausserhalb des erlaubten Bereich rausgezogen hast. Du musst diese nach links verschieben.
Autor
Hallo Andreas, ja genau den meine ich. Egal was ich neben die Tabelle setze und egal wie klein ich es ziehe, den Balken bekomme ich nicht weg und er erscheint bei jeder Desktopgröße und auch Mobil. Und da ich schon viel zu viel Zeit in diese Minitabelle gesteckt habe, habe ich es jetzt anders gelöst.
Für kleine Pseudo-Tabellen genügen Leerzeichen im Text-Objekt, da die Tab-Taste dort nicht funktioniert, und es ist schnell gemacht. Habe ich auf meiner Testseite am Ende hinzugefügt.
Habe zurzeit ein Problem mit meinem Webhosting bei Hosteurope, konnte die Pseudo-Tabelle nicht hochladen und auch die Testseite ist zurzeit nicht erreichbar.
Meine Testseite funktioniert wieder, ich habe 2 Beispiele für Pseudo-Tabellen hinzugefügt.
-----
Für Speisekarten mit führenden Punkten (dot leaders), siehe diesen Forenbeitrag
>> https://helpcenter.websitex5.com/de/post/252718
An Ende der Posts ist der Code, um die Speisekarte auch auf mobilen Geräten anzuzeigen.
Hierzu gibt es Infos und ein Beispiel zum Testen auf meiner Testseite, siehe
>> http://finde-links.de/123shop-hosteurope/text-mit-register-und-tabelle.html